css拾遗(5)-继承
2022-03-31 本文已影响0人
姜治宇
自动继承的属性
自动继承的属性主要是跟文本相关的属性:color、font、font-family、font-size、font-weight、line-height、letter-spacing、text-align、white-space、word-space等。
还有一些其他的属性,比如列表属性list-style也能自动继承。
使用inherit继承
如果不能自动继承的属性,可以使用关键字inherit来继承。
<div style="color:yellow;">
<a href="#">hello</a>
</div>
a标签因为有默认属性,会把父元素的color属性覆盖掉,如果我们想继承父元素的黄色,就用inherit。
<div style="color:yellow;">
<a href="#" style="color:inherit;">hello</a>
</div>