css奇技淫巧之all
Brian Lv3
all属性

all属性将除unicode-bidi和direction之外的所有属性重置为其初始值或继承的值。属性值有initial、inherit和unset。

下面用代码说明

1
2
3
4
5
6
7
8
9
10
11
12
13
 //html
<body>
<div class='container'>123</div>
</body>

//css
body{
color:blue;
}
.container{
color:red;
all:inherit;
}

得到的结果将会是

image

如果把all设置为initial,将会得到一个初始值

image

如果all:unset,则表示,如果可继承,则将应用于元素或元素父元素的所有属性更改为其父值,否则将其更改为初始值。