unset

这篇翻译不完整。请帮忙从英语翻译这篇文章

The unset CSS keyword is the combination of the initial and inherit keywords. Like these two other CSS-wide keywords, it can be applied to any CSS property, including the CSS shorthand all. This keyword resets the property to its inherited value if it inherits from its parent or to its initial value if not. In other words, it behaves like the inherit keyword in the first case and like the initial keyword in the second case.

CSS 关键字 unset 是 关键字 initial 和 inherit的组合。像这两个关键字一样,它允许应用任意的CSS样式,包括CSS速记 all 关键字。如果有继承父级样式,那么就会重置掉继承的样式或者如果没有设置初始值,就会使用默认值。换句话说这个关键字重置了继承自父级的样式,并将其设置为初始化值。

Examples

Color

.foo {
  color: blue;
}
.bar {
  color: green;
}

p {
  color: red;
}
.bar p {
  color: unset;
}
<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>

Result:

Border

div {
	border: 1px solid green;
}

p {
  border: 1px solid red;
}

.bar p {
	border-color: unset;
}

<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 has a black border (initial default, not inherited)</p>
</div>

结果:

格式

Specification Status Comment
CSS Cascading and Inheritance Level 4
unset
Working Draft No changes from Level 3
CSS Cascading and Inheritance Level 3
unset
Candidate Recommendation Initial definition

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 41 27 (27) Edge build 10565+ 未实现 未实现
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 未实现 27.0 (27) 未实现 未实现 未实现

参见

CSS的属性值: initial, inherit, unset, and revert.

文档标签和贡献者

 此页面的贡献者: willard, LiNengNeng
 最后编辑者: willard,