0

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

但是我应该添加font-size: inheritp我的 CSS 内部吗?这会给我带来什么好处吗?

4

4 回答 4

1

No. font-size是一个继承属性,因此font-size在元素上使用 no 与使用 完全相同font-size: inherit;

明确地写出来实际上更糟糕,因为如果我看到了,我想知道它应该覆盖我遗漏的其他规则。:)

于 2013-10-22T05:12:19.203 回答
0

我在处理内部门户网站时遇到了同样的问题。我的理解是,该属性似乎没有特定的优势,font-size: inherit因为字体大小是自然继承的。IE7 和更早版本不支持该inherit值,因此您应该知道这一点,但它不应该影响您的 font-size 属性。

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

于 2013-10-22T05:28:49.643 回答
0

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

font-size: inherit只需要覆盖另一个规则。

对于继承的属性,这加强了默认行为,例如:

/* 将二级标题设为绿色 */ h2 { color: green; }

/* ...但将它们单独留在侧边栏中,以便它们使用父级的颜色 */ #sidebar h2 { color: inherit; 请注意,在本例中,侧边栏内的 h2 元素可能是不同的颜色。例如,如果其中一个是规则匹配的 div 的孩子

参考:MDN

于 2013-10-22T05:18:52.993 回答
0

添加font-size: inherit仅在这种情况下对您有帮助:

  • 您希望p' 从 body 继承字体大小。
  • 所有p的都是 的直接子代body
  • 但是,其中一些已经font-size由样式表中的另一条规则设置。
  • 通过添加font-size: inherit更高的优先级,或者!important您可以覆盖它并使p' 继承它。
  • 即使那样,您也可以删除另一条规则。

所以,你真的不需要把它放在那里。可能不应该,因为无用的代码越少越容易调试。

于 2013-10-22T05:12:44.750 回答