CSS - 段落 - 我需要设置font-size：inherit吗？

Question

我希望我的所有p标签都继承了正文的字体大小 - 如果我不在其上声明字体大小或将它们嵌套在声明了font-size的父级中，它们会自动执行。

但是我应该将font-size: inherit添加到我的CSS中的p吗？这会给我带来什么好处吗？

Answer 1

没有。 font-size是inherited property，因此元素上没有font-size与使用font-size: inherit;完全相同。

显式地写出来实际上是更糟，因为如果我看到它，我会想知道它应该覆盖的其他规则我错过了什么。 ：）

Answer 2

添加font-size: inherit只会在这种情况下帮助您：

• 您希望p继承body的字体大小。
• 所有p都是body的直接子女。
• 但是，其中一些font-size由样式表中的其他规则设置。
• 通过添加优先级较高的font-size: inherit或!important，您可以覆盖该值，并让p继承它。
• 即便如此，您也可以删除其他规则。

所以，你真的不需要把它放在那里。也许不应该，因为更少的无用代码更容易调试。

Answer 3

无需为font-size: inherit写p来继承body的字体大小

font-size: inherit只需覆盖其他规则。

  

对于继承的属性，这会强化默认行为，例如：

     

/ *制作二级标题绿色* / h2 {颜色：绿色; }

     

/ * ...但是只留下侧栏中的那些，所以他们使用他们的父母   color * / #sidebar h2 {color：inherit;请注意，在此示例中   侧边栏内的h2元素可能是不同的颜色。对于   例如，如果其中一个是规则匹配的div的子项

参考：MDN

Answer 4

我有一个问题，就像我在内部门户网站上工作一样。我理解的是，font-size: inherit属性似乎没有特定的优势，因为字体大小是自然继承的。 IE7及更早版本不支持inherit值，因此您应该知道这一点，但它不应该影响您的font-size属性。

像 margin 这样的属性不是自然继承的，所以 inherit 值可能在那里很有用。但我在这里没有详细说明，因为这会偏离你的问题太多。无论如何，请查看默认情况下未继承的CSS属性，以了解继承的使用位置。有关详细信息，请查看此文章http://www.impressivewebs.com/inherit-value-css/。