Suggest an editImprove this articleRefine the answer for “What does the @layer directive do?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`@layer`** is a CSS directive that lets you group styles into layers and control the order in which they apply, independent of their order in the file. **Key point:** it gives a predictable cascade and makes overriding styles in large projects easier.Shown above the full answer for quick recall.Answer (EN)Image`@layer` lets you group styles into layers and control the **order in which they apply**, independent of their order in the file. This is needed to precisely control which styles should override others, for example base styles, components, and utilities. Example of layer logic: ```css @layer reset, base, components, utilities; ``` Even if `utilities` is declared at the start of the file, it will still outweigh `base` and `reset`, because that is how the layer order is defined. **The point:** `@layer` gives a predictable cascade and makes overriding styles in large projects easier.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.