强制继承

某些属性不会自动从元素继承到其子元素。这是因为通常希望这些属性对于应用属性的元素（或元素的选择）是唯一的。常见的这类属性有 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>