如何将默认标记css覆盖为正常？

Question

有没有办法让文字在<b> </b>标记内正常包装？

我尝试通过CSS实现font-weight: normal !important;，但它没有帮助。它甚至可能吗？

提出这个问题的原因：

1. 我正在为现成的页面编写打印页面样式，因此我无法进入代码并替换<b>标记。
   
2. 经过多次尝试失败后，我很想知道是否可以覆盖用户代理样式表标记。

以下是截图：



我似乎不可能在jsFiddle上制作它。

以下是HTML代码：

<figure>
 <i class="icons-i-Spirit"></i>
 <figcaption class="text-uppercase"><b>main spirit</b></figcaption>
</figure>

这是CSS：

figcaption {
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-weight: normal !important;
}

Answer 1

CSS（重置）表可能已定义b{font-weight:normal;}。

Fiddle

Answer 2

你的案子有两个问题：

1. 您正在将css应用于<b>标记的父级。使您的代码如下：

figcaption b { font-family: 'TradeGothicW01-BoldCn20_675334'; font-weight: normal !important; }

1. 考虑到您的屏幕截图，您正在进行CSS编辑，该编辑在Chrome的样式编辑器中的“第1点”中进行了描述。请在CSS文件中进行更改，然后重新加载页面。

PS：我也经历了好几个小时。它会让你觉得自己很愚蠢。别担心，错误就是人！