Cascade Layers
A CSS feature that uses the @layer rule to explicitly declare precedence layers for styles, replacing precedence management that relies on specificity and source order.
Timeline (last 90 days)
Cascade Layers explicitly declare the order of style priority levels via the @layer rule, solving the problem of relying on selector specificity and source order.
In the cascade layers mechanism, the order between layers determines priority, and selector specificity is compared only within the same layer.
Used together with :where() (whose specificity is always zero), cascade layers can build a base style system that is extremely friendly to overrides.
All Facts (3)
Cascade Layers explicitly declare the order of style priority levels via the @layer rule, solving the problem of relying on selector specificity and source order.
50%UnverifiedIn the cascade layers mechanism, the order between layers determines priority, and selector specificity is compared only within the same layer.
50%UnverifiedUsed together with :where() (whose specificity is always zero), cascade layers can build a base style system that is extremely friendly to overrides.
50%