強制繼承
某些屬性不會自動從元素繼承到其子元素。這是因為通常希望這些屬性對於應用屬性的元素(或元素的選擇)是唯一的。常見的這類屬性有 margin,padding,background,display 等。
但是,無論如何有時候仍需要繼承。為此,我們可以將 inherit 值應用於應該繼承的屬性。inherit 值可以應用於任何 CSS 屬性和任何 HTML 元素。
假設以下樣式表:
#myContainer {
color: red;
padding: 5px;
}
#myContainer p {
padding: inherit;
}
由於 color 屬性的繼承性,這將 color: red 應用於 <h3> 和 <p> 元素。但是,<p> 元素也會從其父元素繼承 padding 值,因為這是指定的。
<div id="myContainer">
<h3>Some header</h3>
<p>Some paragraph</p>
</div>