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

:root

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

Псевдоклассы

Синтаксис

:root {
  /* ...; */
}

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

Пример

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

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

Ссылки

  • Псевдо-класс :root MDN (рус.)