Warstwy kaskady CSS (@layer)
Funkcja CSS (@layer), która pozwala grupować reguły w nazwane warstwy z jawnie ustaloną kolejnością priorytetów. Kolejność warstw wygrywa ze specyficznością — można więc kontrolować, który styl zwycięży, bez wojen o specyficzność i bez !important.
Problem: w zwykłym CSS konflikty rozstrzyga specyficzność (wygrywa bardziej szczegółowy selektor), co prowadzi do „wojen o specyficzność” — trzeba pisać coraz bardziej zawiłe selektory albo sięgać po !important, żeby nadpisać choćby framework. Warstwy kaskady odwracają ten układ: deklarujesz kolejność warstw (@layer reset, framework, utilities;), a reguły w późniejszej warstwie ZAWSZE wygrywają z wcześniejszymi, niezależnie od specyficzności. Zastosowanie: framework CSS w niskiej warstwie, własne nadpisania w wysokiej → Twoje zawsze wygrywają, bez sztuczek. CSS spoza warstw (poza wszystkimi) wygrywa z tym w warstwach. Szeroko obsługiwane od 2022 roku. Jedna z większych poprawek kontroli kaskady od dziesięcioleci. Spokrewnione z właściwościami niestandardowymi CSS i właściwościami logicznymi.