inherit

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

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

对于继承属性,这强化了默认行为,并且仅在需要覆盖其他规则时才需要。

注意: 继承总是来自文档树中的父元素,即使父元素不是包含块。

示例

从规则中排除选定的元素

css
/* Make second-level headers green */
h2 {
  color: green;
}

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

在此示例中,侧边栏中的 h2 元素可能具有不同的颜色。例如,考虑其中一个将是符合规则的 div 的子元素

css
div#current {
  color: blue;
}

然后,它将是蓝色的。

规范

规范
CSS 层叠与继承第四级
# inherit

浏览器兼容性

另见

  • 继承
  • 使用 initial 关键字将属性设置为其初始值。
  • 使用 revert 关键字将属性重置为用户代理样式表(或用户样式,如果存在)建立的值。
  • 使用 revert-layer 关键字将属性重置为在先前层叠层中建立的值。
  • 使用 unset 关键字将属性设置为其继承值(如果可继承)或其初始值(如果不可继承)。
  • all 属性允许你一次性将所有属性重置为它们的初始、继承、恢复或未设置状态。