inherit CSS keyword causes the element for which it is specified to take the computed value of the property from its parent element. It can be applied to any CSS property, including the CSS shorthand all .

For inherited properties , this reinforces the default behavior, and is only needed to override another rule. For non-inherited properties , this specifies a behavior that typically makes relatively little sense and you may consider using initial instead, or unset on the all 特性。

Inheritance is always from the parent element in the document tree, even when the parent element is not the containing block.

范例

Exclude selected elements from a rule

/* Make second-level headers green */
h2 { color: green; }
/* ...but leave those in the sidebar alone so they use their parent's color */
#sidebar h2 { color: inherit; }
					

In this example the h2 elements inside the sidebar might be different colors. For example, if one of them were the child of a div matched by the rule ...

div#current { color: blue; }
					

... it would be blue.

规范

规范 状态 注释
CSS Cascading and Inheritance Level 4
The definition of 'inherit' in that specification.
候选推荐 No changes from Level 3.
CSS Values and Units Module Level 3
The definition of 'inherit' in that specification.
候选推荐 No significant change from CSS Level 2 (Revision 1) .
CSS Level 2 (Revision 1)
The definition of 'inherit' in that specification.
推荐 初始定义。

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据
Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
inherit Chrome 完整支持 1 Edge 完整支持 12 Firefox 完整支持 1 IE 完整支持 8 Opera 完整支持 4 Safari 完整支持 1 WebView Android 完整支持 1 Chrome Android 完整支持 18 Firefox Android 完整支持 4 Opera Android 完整支持 14 Safari iOS 完整支持 1 Samsung Internet Android 完整支持 1.0

图例

完整支持

完整支持

另请参阅

  • 继承
  • 使用 initial to set a property to its initial value.
  • 使用 unset to set a property to its inherited value if it inherits, or to its initial value if not.
  • 使用 revert to reset a property to the value established by the user-agent stylesheet (or by user styles, if any exist).
  • all property lets you reset all properties to their initial, inherited, reverted, or unset state at once.

元数据

  • 最后修改:
  1. CSS
  2. CSS 参考