一、背景
在书写CSS的时候,经常遇到inherit等关键字,为了搞清楚相关的关键字,记录一下收集资料和 Demo。
二、all 属性
all
将除了 unicode-bidi
direction
之外的所有属性重设至其初始值,或继承值。
initial 关键字
initial
会把浏览器内置的CSS也全部变成初始值。比如将所有元素的 display
初始化为 inline
,border
初始化为 none
,background
初始化为 none
,color
初始化为 black
。
.title {
all:initial; //
}
复制代码
inherit 关键字
inherit
继承父元素的属性值,它可以应用于任何 CSS 属性。
unset 关键字
unset
将默认继承元素(如 color
)继承其父元素属性值(如果父元素属性未定义则设为初始值。),将非默认继承元素设为初始值。
revert 关键字
revert
将元素的属性值设为浏览器默认样式,注意区别于初始值。
三、 Demo
四、兼容性
除了revert
属性值从 chrome84 开始支持外,其他属性值的兼容性都不错。