我希望我的所有p
标签都继承正文的字体大小 - 如果我没有在它们上声明字体大小或将它们嵌套在声明了字体大小的父级中,它们会自动执行。
但是我应该添加font-size: inherit
到p
我的 CSS 内部吗?这会给我带来什么好处吗?
我希望我的所有p
标签都继承正文的字体大小 - 如果我没有在它们上声明字体大小或将它们嵌套在声明了字体大小的父级中,它们会自动执行。
但是我应该添加font-size: inherit
到p
我的 CSS 内部吗?这会给我带来什么好处吗?
我在处理内部门户网站时遇到了同样的问题。我的理解是,该属性似乎没有特定的优势,font-size: inherit
因为字体大小是自然继承的。IE7 和更早版本不支持该inherit
值,因此您应该知道这一点,但它不应该影响您的 font-size 属性。
有像边距这样的属性不是自然继承的,所以继承值在那里可能很有用。但我不会在这里详细说明,因为这会偏离你的问题太多。无论如何,请检查默认情况下未继承的 CSS 属性,以便了解在何处使用继承。查看这篇文章http://www.impressivewebs.com/inherit-value-css/了解更多信息。
无需编写font-size: inherit
继承p
字体大小body
font-size: inherit
只需要覆盖另一个规则。
对于继承的属性,这加强了默认行为,例如:
/* 将二级标题设为绿色 */ h2 { color: green; }
/* ...但将它们单独留在侧边栏中,以便它们使用父级的颜色 */ #sidebar h2 { color: inherit; 请注意,在本例中,侧边栏内的 h2 元素可能是不同的颜色。例如,如果其中一个是规则匹配的 div 的孩子
参考:MDN
添加font-size: inherit
仅在这种情况下对您有帮助:
p
' 从 body 继承字体大小。p
的都是 的直接子代body
。font-size
由样式表中的另一条规则设置。font-size: inherit
更高的优先级,或者!important
您可以覆盖它并使p
' 继承它。所以,你真的不需要把它放在那里。可能不应该,因为无用的代码越少越容易调试。