:root

概述

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

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

语法

:root

示例

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

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

规范

Specification
Selectors Level 4
# root-pseudo

浏览器兼容性

BCD tables only load in the browser