# Слой каскада

URL: https://chugunov.pro/glossary/frontend/sloi-kaskada/
Оригинальное название: cascade layer
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

Именованный уровень CSS, позволяющий заранее управлять приоритетом групп стилей независимо от специфичности селекторов.

## Что такое «Слой каскада»

Именованный уровень CSS, позволяющий заранее управлять приоритетом групп стилей независимо от специфичности селекторов. С помощью `@layer` разработчик задаёт порядок слоёв — например, сброс, базовые стили, компоненты, утилиты. Стили из более позднего слоя выигрывают у ранних вне зависимости от специфичности. Слои каскада упорядочивают крупные проекты и снимают войну селекторов за приоритет.

## Связанные термины

- [Каскад CSS](https://chugunov.pro/glossary/frontend/kaskad-css/) — Система выбора итогового значения CSS-свойства с учётом источника стилей, важности, слоя, специфичности и порядка правил.
- [Источник каскада](https://chugunov.pro/glossary/frontend/istochnik-kaskada/) — Категория происхождения CSS-правил: стили браузера, пользователя, автора страницы, анимации или переходы.
- [Композитный слой](https://chugunov.pro/glossary/frontend/kompozitnyi-sloi/) — Отдельный графический слой, который браузер может перемещать или преобразовывать без полной перерисовки страницы.
- [Сброс стилей](https://chugunov.pro/glossary/frontend/sbros-stilei/) — Набор правил, уменьшающий различия стандартного оформления HTML-элементов между браузерами.
- [At-правило](https://chugunov.pro/glossary/frontend/at-pravilo/) — CSS-конструкция, начинающаяся с символа @ и задающая особое правило, например медиазапрос, подключение шрифта или слой каскада.
- [Набор CSS-правил](https://chugunov.pro/glossary/frontend/nabor-css-pravil/) — Селектор вместе с блоком деклараций, определяющих оформление выбранных элементов.
- [Селектор](https://chugunov.pro/glossary/frontend/selektor/) — Выражение CSS, определяющее, к каким элементам документа следует применить набор стилей.
- [Специфичность](https://chugunov.pro/glossary/frontend/spetsifichnost/) — Вес CSS-селектора, участвующий в выборе победившей декларации при одинаковых условиях каскада.