这篇翻译不完整。请帮忙从英语翻译这篇文章。
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) | 未实现 | 未实现 | 未实现 |