用户代理样式表 - 强的 css 属性被禁用？答案

【问题标题】：User Agent Stylesheet - css property for strong is disabled?用户代理样式表 - 强的 css 属性被禁用？
【发布时间】：2020-09-03 23:46:18
【问题描述】：

在我的codepen 中，我在一个段落中放置了<strong></strong> 标签，但我注意到没有显示重点。 Chrome 开发者工具显示了强大的用户代理样式表通过它有一条线。由于我自己没有覆盖 strong 或更改代码中的任何字体粗细，有什么可能会禁用此设置？

我使用的是 chrome 版本 56。

<p id="p10">offset() - Get the current coordinates of the first element, or set the coordinates of every element, in the set of matched elements, relative to the document. <strong>[returns: object]</strong>
</p>

【问题讨论】：

您正在使用 reset.css 文件。
谢谢，我想我在这里遗漏了一些东西。为什么包含：字体：继承的reset.css文件会覆盖字体粗细？不继承意味着从父级或我的案例中获取用户代理样式表吗？如果使用 reset.css 将始终覆盖标签，reset.css 应该是将 重新定义回其原始意图的文件。
@Eggs inherit 表示使用与父元素相同的属性。你需要的是一个 normalize 样式表而不是 reset 样式表。

标签： html css

【解决方案1】：

您的 codepen 称之为重置样式表（经典的“Eric Meyer Reset”）：

https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css

这会重置所有内部浏览器样式（即覆盖它们），因此您必须（以及许多其他）为 strong 标记添加自己的 CSS，使用类似

的规则

strong {
  font-weight: bold;
}

或者您只是删除对该重置样式表的引用...

就像对否决票的反应：你认为这是什么：

【讨论】：

是的。那个 reset.css 是问题所在。不是我的反对票。来自我的 +1。

【解决方案2】：

您是否有可能在<p> 标签上设置font-weight 或调用font: inherit，或者可能来自id？

正如其他答案所述，您可能会在您的 css 重置文件中覆盖它： https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css

你可以重新声明如下：

strong { 
   font-weight: bold !important;
}

【讨论】：

如果我想使用 reset.css 这就是我必须做的。
如果在包含reset之后重新声明，就不需要tor !important了。

【解决方案3】：

您是否有可能正在设置字体粗细或调用字体：继承

标签或可能来自 id？我认为这可能会覆盖标签。你可以重新声明如下：

strong { font-weight: bold; }

如果上述解决方案不起作用，请尝试使用!important，如下所示：

strong { font-weight: bold !important; }

【讨论】：

不知道是谁给了你最初的反对票？你提供了和托尼一样的正确答案。