自動繼承

繼承 CSS 的基本機制,通過該機制將元素的某些屬性的計算值應用於其子元素。當你想要為元素設定全域性樣式而不必將所述屬性設定為標記中的每個元素時,這尤其有用。

自動繼承的常用屬性有:fontcolortext-alignline-height

假設以下樣式表:

#myContainer {
  color: red;
  padding: 5px;
}

這將不僅將 color: red 應用於 <div> 元素,還將應用於 <h3><p> 元素。但是,由於 padding 的性質,它的價值不會繼承到那些元素。

<div id="myContainer">
  <h3>Some header</h3>
  <p>Some paragraph</p>
</div>