CSS cascade layers (@layer)
En CSS-funktion (@layer) som låter dig gruppera regler i namngivna lager med en uttrycklig prioritetsordning. Lager-ordningen vinner över specificitet — så du kan styra vilken stil som vinner utan specificitetskrig eller !important.
Problem: i vanlig CSS avgörs konflikter av specificitet (en mer specifik selektor vinner), vilket leder till "specificitetskrig" — man tvingas skriva allt krångligare selektorer eller ta till !important för att övertrumfa t.ex. ett ramverk. Cascade layers vänder på det: du deklarerar en lagerordning (@layer reset, framework, utilities;) och regler i ett senare lager vinner ALLTID över tidigare lager, oavsett specificitet. Use case: lägg ett CSS-ramverk i ett lågt lager och dina egna overrides i ett högt → dina alltid vinner, utan specificitetstrick. Ostratifierad CSS (utanför alla lager) vinner över lagrad. Stöds brett sedan 2022. En av de större förbättringarna av kaskadkontroll på årtionden. Hör ihop med CSS custom properties och CSS-nesting.