: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>效果图：
