Cascade layers
CSS-mechanisme dat een nieuwe stap in de cascade invoegt, boven specificiteit: tot welke laag een regel behoort, wordt bepaald vóórdat telt hoe specifiek hij is.
De klassieke ellende is een bibliotheek van derden waarvan .btn.btn-primary jouw eigen .btn verslaat, waarop je met een specifiekere selector antwoordt, dan nog een, en uiteindelijk met !important. Met @layer reset, library, components, utilities; leg je de volgorde één keer vooraf vast, en een gewone klasseselector in de laatste laag wint van alles in de eerste. De volgorde wordt bepaald door waar de lagen voor het eerst worden genoemd, niet door waar de regels staan, dus imports mogen in willekeurige volgorde. Een detail dat verrast: stijlen die in helemaal geen laag zitten, winnen van alle gelaagde stijlen. Sinds 2022 ondersteund in alle grote browsers.