CSS cascade layers (@layer)
Een CSS-functie (@layer) waarmee regels in benoemde lagen met een expliciete prioriteitsvolgorde worden gegroepeerd. De laagvolgorde wint van specificiteit, zodat je kunt bepalen welke stijl wint zonder specificiteitsoorlogen of !important.
Probleem: in gewone CSS beslist specificiteit bij conflicten (de specifiekere selector wint), wat leidt tot "specificiteitsoorlogen": je moet steeds ingewikkelder selectors schrijven of naar !important grijpen om bijvoorbeeld een framework te overschrijven. Cascade layers draaien dat om: je declareert een laagvolgorde (@layer reset, framework, utilities;) en regels in een latere laag winnen ALTIJD van eerdere lagen, ongeacht specificiteit. Toepassing: een CSS-framework in een lage laag zetten en je eigen overrides in een hoge, zodat die van jou altijd winnen zonder specificiteitstrucs. CSS buiten alle lagen wint van CSS in lagen. Breed ondersteund sinds 2022. Een van de grootste verbeteringen van de cascadebeheersing in tientallen jaren. Gerelateerd aan CSS custom properties en logical properties.