CSS 强制继承
示例
某些属性不会自动从元素继承到其子元素。这是因为通常希望这些属性对于应用该属性的元素(或元素选择)是唯一的。常见的这种性质margin,padding,background,display,等。
但是,有时还是需要继承。为此,我们可以将inherit值应用于应该继承的属性。该inherit值可以应用于任何CSS属性和任何HTML元素。
假定以下样式表:
#myContainer { color: red; padding: 5px; } #myContainer p { padding: inherit; }
由于属性的继承性质,这将适用color:red于<h3>和<p>元素color。但是,该<p>元素还将padding从其父级继承该值,因为已指定了该值。
<div id="myContainer"> <h3>Some header</h3> <p>Some paragraph</p> </div>