@layer (Cascade Layers) là gì?

Quản lý specificity theo layers: @layer base, components, utilities. Styles trong layer có thứ tự ưu tiên rõ ràng bất kể specificity. Layer sau override layer trước.

Quan trọng: styles ngoài @layer (unlayered) có ưu tiên CAO HƠN mọi layer — đây là gotcha phổ biến nhất. Với !important, thứ tự đảo ngược: layer sau ít quan trọng hơn. Giải quyết specificity wars khi dùng third-party CSS.

Manages specificity using named layers: @layer base, components, utilities. Styles in later layers override earlier ones regardless of specificity.

Critical: unlayered styles (outside any @layer) have HIGHER priority than any layer — this is the most common gotcha. With !important, the order reverses: later layers are less important. Eliminates specificity wars when working with third-party CSS.