CSS :root 选择器

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


实例

设置 HTML 文档的背景色:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. :root {
  6. background: #ff0000;
  7. }
  8. </style>
  9. </head>
  10. <body>
  11. <h2>这是一个标题</h2>
  12. </body>
  13. </html>

浏览器支持

表格中的数字注明了完全支持该选择器的首个浏览器版本。

选择器
:root4.09.03.53.29.6

定义和用法

:root 选择器匹配文档根元素。

在 HTML 中,根元素始终是 html 元素。


CSS 语法

  1. :root {
  2. css declarations;
  3. }

分类导航