继承

CSS 关键字 inherit 使元素从其父元素获取属性的 计算值。它可以应用于任何 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 级联和继承级别 4
# 继承

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

  • 继承
  • 使用 initial 关键字将属性设置为其初始值。
  • 使用 revert 关键字将属性重置为用户代理样式表（或用户样式，如果存在）中建立的值。
  • 使用 revert-layer 关键字将属性重置为先前级联层中建立的值。
  • 使用 unset 关键字将属性设置为其继承值（如果它继承）或其初始值（如果未继承）。
  • 该 all 属性允许您立即将所有属性重置为其初始、继承、恢复或未设置状态。