:root

:root CSS 伪类 匹配表示文档的树的根元素。在 HTML 中,:root 表示 <html> 元素,并且与选择器 html 相同,只是它的 特异性 更高。

css
/* Selects the root element of the document:
   <html> in the case of HTML */
:root {
  background: yellow;
}

语法

css
:root {
  /* ... */
}

示例

声明全局 CSS 变量

:root 可用于声明全局 CSS 变量

css
:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}

规范

规范
选择器级别 4
# root-pseudo

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅