Skip to main content

CSS 特性

#CSS #规范

@layer 层叠等级

指定@layer 再后面定义的变量层级比前面的变量高

例子:

@layer base, root

@layer root {
ul>li{
color:red;
}
}

@layer base{
ul>li{
color:green;
}
}
<ul>  
<li>this a list</li>
<li>this a list</li>
<li>this a list</li>
</ul>

上例子的li的属性color的值是red,因为root的层级比base的层级高