Описание
CSS псевдокласс :root находит корневой элемент дерева документа. Применимо к HTML, :root находит элемент <html> и идентичен селектору по тегу html, но его специфичность выше.
Пример
Использование :root полезно для объявления CSS Переменные:
:root {
--main-color: hotpink;
--pane-padding: 5px 42px;
}
Спецификации
| Спецификации | Статус | Комментарий |
|---|---|---|
| Selectors Level 4 Определение ':root' в этой спецификации. |
Рабочий черновик | Без изменений |
| Selectors Level 3 Определение ':root' в этой спецификации. |
Рекомендация | Изначальное определение |
Поддержка браузерами
| Возможность | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Базовая поддержка | 1 | 1.0 (1.7 или ранее) | 9 | 9.5 | 1.0 |
| Возможность | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Базовая поддержка | ? | ? | ? | ? | ? |