CSS · At-rules, values and responsive design

@layer

Orders cascade layers. Later layers win regardless of selector specificity.

cssRunnable example css course

Syntax

@layer base, components, utilities;

Example

Try it

@layer base, components;
@layer components { .demo { border: 2px solid #2f74c0; } }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.