此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

inherit

基线 广泛可用

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

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

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

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

示例

从规则中排除所选元素

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

/* 保留 sidebar 内二级标题元素的样式,使其继承父元素的颜色 */
#sidebar h2 {
  color: inherit;
}

在这个例子中,sidebar 中的 h2 元素可能有不同的颜色。如果某个 h2 元素的 div 匹配下面的规则:

css
div#current {
  color: blue;
}

那它的颜色会变成蓝色。

规范

规范
CSS Cascading and Inheritance Level 4
# inherit

浏览器兼容性

参见

  • 继承
  • 使用 initial 将属性设置为其初始值。
  • 使用 revert 将属性重置为用户代理样式表指定的值(或用户样式,如果存在)。
  • 使用 revert-layer 将属性重置为之前层叠层中设定的值。
  • 使用 unset 将属性设置为:若可继承则使用继承值,否则使用初始值。
  • all 属性允许你一次将所有属性重置为其初始、继承、恢复或未设置状态。