CSS3 结构性伪类选择器—root

:root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是。

示例演示：

通过“:root”选择器设置背景颜色

HTML代码：

:root选择器的演示

CSS代码：

:root {
background:orange;
}
演示结果：

“:root”选择器等同于元素，简单点说：

:root{background:orange}

html {background:orange;}

得到的效果等同。

建议使用:root方法。

另外在IE９以下还可以借助“:root”实现hack功能。