CSS 强制继承

2024-04-15 18:54:03 366

示例

某些属性不会自动从元素继承到其子元素。这是因为通常希望这些属性对于应用该属性的元素（或元素选择）是唯一的。常见的这种性质margin，padding，background，display，等。

但是，有时还是需要继承。为此，我们可以将inherit值应用于应该继承的属性。该inherit值可以应用于任何CSS属性和任何HTML元素。

假定以下样式表：

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

由于属性的继承性质，这将适用color:red于<h3>和<p>元素color。但是，该<p>元素还将padding从其父级继承该值，因为已指定了该值。

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