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

:root

Псевдокласс :root определяет корневой элемент документа.

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

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

Синтаксис

1
2
3
:root {
  /* ...; */
}

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

Пример

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

1
2
3
4
:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}

Ссылки

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

Комментарии