这些功能让你对 cascade(级联)和 specificity(特异性)进行明确控制——直接解决大型代码库中的特异性战争问题。
@layer — 明确的级联顺序
@layer 让你定义命名的层,其顺序 由你 控制。较后层中的样式会击败较早层中的样式,不受特异性影响:
css
reset, base, components, utilities;
base {
{ : blue; }
}
components {
{ : green; }
}
