inherit

inherit 关键字使得元素获取其父元素的计算值。它可以应用于任何 CSS 属性,包括 CSS 简写 all

对于继承属性,inherit 关键字只是增强了属性的默认行为,通常只在覆盖原有的值的时候使用。

继承始终来自文档树中的父元素,即使父元素不是包含块。

示例

css
/* 设置二级标题的颜色为绿色 */
h2 {
  color: green;
}

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

在下面这个例子中,如果 sidebar 中h2元素的 div 匹配下面的规则的话,颜色会变成蓝色。

css
div#current {
  color: blue;
}

规范

Specification
CSS Cascading and Inheritance Level 4
# inherit

浏览器兼容性

BCD tables only load in the browser

See also

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