:root

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

: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

参见