Cascade layers

Supported Per Spec Updated: Dec 17, 2025

Allows for controlling the specificity and order of rule sets across stylesheets.

Baseline:
Widely
Functional:
Supported
Usage:
Cross-Context

Cascade layers can be defined and used independently within both light DOM and shadow DOM stylesheets with full support for shadow DOM selectors like ::slotted().

Shadow-defined cascade layers cannot interact with or impact global layer order, even with identical layer names, as each shadow root is isolated.

Web Platform Tests for

Chrome 148: Passes
Edge 148: Passes
Firefox 150: Passes
Safari 26.5: Passes
WPT sources: layer-slotted-rule