:root
版本： CSS3
:root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示<html>元素，除了优先级更高之外，与<html>选择器相同。
语法:
:root{ sRules }
:root
这个CSS伪类匹配文档树的根元素。对于 HTML 来说，
:root
表示
<html>
元素，除了优先级更高之外，与
html
选择器相同。
浏览器支持
|
|
|
|
|
IE9+、其余新版浏览器都支持
:root
|
||||
示例
在声明全局CSS 变量时
:root
会很有用：
:root {
--main-color: hotpink;
--pane-padding: 5px 42px;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
:root
{
background:pink;
}
</style>
</head>
<body>
<p>设置html文档颜色</p>
</body>
</html>
效果图：
