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
属性允许您一次将所有属性重置为其初始、继承、恢复或未设置状态。