CSS selector :root
Селектор :root обирає кореневий елемент документа.
В HTML цей селектор завжди відповідає елементу <html>.
Синтаксис
:root {
css declarations;
}
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
| root | 4 | 3.5 | 3.2 | 9.6 | 9 |
Мобільних переглядачів ще не додано.
Приклади
+ запропонувати свій приклад у пісочниці
Червоне тло задано не body, а кореневому елементу документа. :root — це той самий html, але з вищою специфічністю; саме тут заведено оголошувати css-змінні.
HTML
<p>Тло всієї сторінки — від правила на :root.</p>
CSS
:root {
background: #ff0000;
}
Коментарі
Коментарів ще немає — будьте першим!