: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 日修改。