- 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