概述

@layer 允许将样式划分至命名层，级联按层顺序而非书写顺序或选择器特异性决定，简化优先级治理。

语法与用法（已验证）

• 声明层：@layer reset, base, components, utilities;
• 定义样式：@layer components { .btn { ... } }
• 组合导入：@import url("components.css") layer(components);

实践建议

• 层策略：reset < base < components < utilities；保留覆盖层用于少量特例
• 与特异性：减少 !important 与复杂选择器，转为层次治理