:root

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Описание

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

Пример

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

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

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

Specification
Selectors Level 4
# root-pseudo

Совместимость с браузерами

BCD tables only load in the browser