:root

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

: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 {
  /* ... */
}

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

css

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

规范
选择器 Level 4 # root-pseudo

此页面最后由 MDN 贡献者于 2025 年 7 月 14 日修改。