unset

**unset** CSS 关键字将属性重置为其继承值(如果属性自然从其父元素继承),否则重置为其初始值。换句话说,它在第一种情况下(当属性是继承属性)的行为类似于inherit 关键字,在第二种情况下(当属性是非继承属性)的行为类似于initial 关键字。

**unset** 可以应用于任何 CSS 属性,包括 CSS 简写属性all

示例

颜色

color 是一个继承属性。

HTML

html
<p>This text is red.</p>
<div class="foo">
  <p>This text is also red.</p>
</div>
<div class="bar">
  <p>This text is green (default inherited value).</p>
</div>

CSS

css
.foo {
  color: blue;
}

.bar {
  color: green;
}

p {
  color: red;
}

.bar p {
  color: unset;
}

结果

边框

border 是一个非继承属性。

HTML

html
<p>This text has a red border.</p>
<div>
  <p>This text has a red border.</p>
</div>
<div class="bar">
  <p>This text has a black border (initial default, not inherited).</p>
</div>

CSS

css
div {
  border: 1px solid green;
}

p {
  border: 1px solid red;
}

.bar p {
  border-color: unset;
}

结果

规范

规范
CSS 级联和继承级别 4
# inherit-initial

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见

  • 使用initial 关键字将属性设置为其初始值。
  • 使用inherit 关键字使元素的属性与其父元素相同。
  • 使用revert 关键字将属性重置为用户代理样式表(或用户样式,如果有)中确定的值。
  • 使用revert-layer 关键字将属性重置为先前级联层中确定的值。
  • all 属性允许您一次将所有属性重置为其初始、继承、恢复或未设置状态。