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的层级高

0409