CSS 自动继承

示例

继承是CSS的基本机制,通过该机制,元素的某些属性的计算值将应用于其子元素。当您想要为元素设置全局样式而不是必须为标记中的每个元素设置所述属性时,这特别有用。

被自动继承常用属性有:font,color,text-align,line-height。

假定以下样式表:

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

这color: red不仅适用于<div>元素,而且适用于<h3>和<p>元素。但是,由于其性质的padding价值,不会被那些元素所继承。

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