1. 面向开发者的 Web 技术
  2. CSS：层叠样式表
  3. CSS 参考
  4. 选择器
  5. :root

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

:root

基线 广泛可用

自 2015年7月 起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

: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;
}

规范

规范
Selectors Level 4
# root-pseudo

浏览器兼容性

参见

帮助改进 MDN

了解如何参与贡献

此页面最后更新于 ，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题