:root

:root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说,:root 表示 <html> 元素,除了优先级更高之外,与 html 选择器相同。

css
/* 选择文档的根元素(HTML 中的 <html>) */
:root {
  background: yellow;
}

语法

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

示例

声明全局 CSS 变量

在声明全局 CSS 变量:root 会很有用:

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

规范

Specification
Selectors Level 4
# root-pseudo

浏览器兼容性

BCD tables only load in the browser

参见