<sup>标记在WordPress中无效

Question

我试图在WordPress网站中使用较小的商标和注册/版权符号,但是做一些CSS的标准方法不起作用,并且使用我下面的内容可能有人对如何扩展有一个想法.

传统/普通方式我会这样做:

Awesomesauce <sup>&reg;</sup>看起来像Awesomesauce®(R比其他文字小).

在我正在使用的主题中,它并没有使用该标记

然后我试着<span style="font-size:6px;">看看它是否会做任何不同的事情.没运气.

所以,然后我从JavaScript方面接近它.我从H1标签开始

jQuery(function($){
  var $el = $(".section_header .post_title"); 
  var t = $el.text(); 
  t = t.replace('®','<sup>®</sup>');
  $el.html(t);
});

由于这有效,我将如何为正文文本进行相同的工作,因为我无法使用以下代码使其工作

jQuery(function($){
  var $el = $(".wpb_text_column .wpb_wrapper p"); 
  var t = $el.text(); 
  t = t.replace('®','<sup>®</sup>');
  $el.html(t);
});

jQuery(function($){
  var $el = $(".section_header .post_title"); 
  var t = $el.text(); 
  t = t.replace('®','<sup>®</sup>');
  $el.html(t);
});

HTML部分的外观如下:

Answer 1

覆盖默认浏览器样式是很正常的WP themes。
尝试将其添加到您的custom.css文件中：

sup {
    vertical-align: super;
    font-size: smaller;
}

如果您不使用自定义样式或子主题^{（为什么使用子主题）} ，则将该代码添加到主题样式 css 文件
的最底部。