Перейти к содержанию

:root

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

Синтаксис

:root {
  ...;
}

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

Пример

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

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

Ссылки