FRONT | Фронтенд | JavaScript | CSS | HTML-in-Canvas | TypeScript 7.1 | Chrome 157 | Safari 27.3 | React Native 0.89 | Node.js 27 | Vitest 5.1 | Parcel 3 | Rspack 2.3 | Rolldown | jsdom 31 | Structs
Слои каскада решают спор раньше специфичности. Строка @layer base, components, utilities; задаёт порядок — позже объявленный слой всегда выигрывает, сколько бы id ни висело на селекторе.
Поэтому .btn в utilities перекрывает #app .btn из base. Куча !important больше не нужна.
Работает везде с марта 2022 — Chrome 99, Firefox 97, Safari 15.4. Статус Baseline, без фолбэков. Если у вас установлено приложение,
вы можете сразу перейти в канал