CSS :root 选择器
CSS :root
这个伪类匹配文档树的根元素。对于 HTML 来说,:root 表示 <html> 元素,除了优先级更高之外,与 html 选择器相同。
实例
设置 HTML 文档的背景色:
<!DOCTYPE html>
<html>
<head>
<style>
:root {
background: #ff0000;
}
</style>
</head>
<body>
<h2>这是一个标题</h2>
</body>
</html>
浏览器支持
表格中的数字注明了完全支持该选择器的首个浏览器版本。
选择器 | |||||
---|---|---|---|---|---|
:root | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
定义和用法
:root
选择器匹配文档根元素。
在 HTML 中,根元素始终是 html 元素。
CSS 语法
:root {
css declarations;
}