Опис
Псевдо-клас :root вказує на кореневий елемент дерева документа. Якщо застосувати його до HTML, :root відображає <html> і є ідентичним селектору html, та не зважаючи на це, його вага є більшою.
Синтаксис
:root { style properties }
Приклад
Використання :root може бути корисним при декларуванні глобальних змінних CSS
:root {
--main-color: hotpink;
--pane-padding: 5px 42px;
}
Специфікації
| Специфікація | Стан | Коментар |
|---|---|---|
| Unknown The definition of ':root' in that specification. |
Working Draft | Без змін |
| Unknown The definition of ':root' in that specification. |
Recommendation | Початкове визначення |
Браузерна сумісність
| Підтримка | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Базова | 1 | 1.0 (1.7 or earlier) | 9 | 9.5 | 1.0 |
| Підтримка | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Базова | ? | ? | ? | ? | ? |