概述`@layer` 允许将样式划分至命名层,级联按层顺序而非书写顺序或选择器特异性决定,简化优先级治理。语法与用法(已验证)声明层:`@layer reset, base, components, utilities;`定义样式:`@layer components { .btn { ... } }`组合导入:`@import url("components.css") layer(components);`实践建议层策略:reset < base < components < utilities;保留覆盖层用于少量特例与特异性:减少 `!important` 与复杂选择器,转为层次治理

发表评论 取消回复