:root

Описание

CSS псевдокласс :root находит корневой элемент дерева документа. Применимо к HTML, :root находит элемент <html> и идентичен селектору по тегу html, но его специфичность выше.

Пример

Использование :root полезно для объявления CSS Переменных:

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}

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

Спецификации Статус Комментарий
Selectors Level 4
Определение ':root' в этой спецификации.
Рабочий черновик Без изменений
Selectors Level 3
Определение ':root' в этой спецификации.
Рекомендация Изначальное определение

Поддержка браузерами

BCD tables only load in the browser