Вкладеність CSS

Модуль Вкладеності CSS визначає синтаксис для вкладеності селекторів, даючи змогу вкладати одне правило стилю в інше, щоб селектор дочірнього правила був відносним щодо селектора батьківського правила.

Вкладеність CSS відрізняється від препроцесорів CSS штибу Sass у тому, що розбирається браузером, а не попередньо компілюється препроцесором CSS.

Вкладеність CSS допомагає з читабельністю, модульністю та підтримкою списків стилів CSS. Вона також потенційно допомагає зменшити розмір CSS файлів, тим самим зменшуючи обсяг даних, що завантажуються користувачами.

Довідка

Селектори

Посібники

Застосування вкладеності CSS

Пояснює, як застосовувати вкладеність CSS.

Директиви вкладеності CSS

Пояснює, як застосовувати вкладеність до директив.

Вкладеність CSS і специфічність

Пояснює відмінності щодо специфічності при вкладенні CSS.

Споріднені концепції

Специфікації

Специфікація
CSS Nesting Module (CSS Nesting)

Дивіться також