自动继承

继承 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>