@layer подрежда групи стилове преди специфичността

Полезно е да знаеш

@layer създава именувани или анонимни слоеве на каскадата. За нормални декларации по-късният слой има предимство пред по-ранния, преди да се сравнява специфичността на селекторите. [1]

Примерна декларация е @layer reset, base, components;. След това правилата се поставят в съответните блокове. Нормални стилове извън слоеве имат предимство пред нормални стилове в тях, затова смесването изисква внимание. При !important редът на слоевете се обръща. Не използвай тази техника само като още един начин да увеличаваш силата на отделни селектори.