`:root` CSS-псевдокласс
Базовая поддержка Широко доступно
Эта функция хорошо зарекомендовала себя и работает на множестве устройств и в разных версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
:root CSS псевдокласс соответствует корневому элементу дерева, представляющего документ. В HTML :root представляет элемент <html> и идентичен селектору html, за исключением того, что его специфичность (0-1-0) выше, чем у html (0-0-1).
/* Selects the root element of the document:
<html> in the case of HTML */
:root {
background: yellow;
}
Синтаксис
:root {
/* ... */
}
Примеры
Объявление глобальных переменных CSS
:root может быть полезен для объявления глобальных переменных CSS:
:root {
--main-color: hotpink;
--pane-padding: 5px 42px;
}
Спецификации
| Спецификация |
|---|
| Селекторы уровня 4 # root-pseudo |
Совместимость с браузерами
| Настольные | Мобильные | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
root |
1 |
12 |
1 |
9.5 |
1 |
18 |
4 |
14 |
1 |
1.0 |
37 |
1 |
См. также
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:root
