:root选择器
:root选择器用于匹配文档根标签，在HTML中，根标签始终是html。也就是说使用“:root选择器”定义的样式，对所有页面标签都生效。对于不需要该样式的标签，可以单独设置样式进行覆盖。示例代码如下：
1 <title>root选择器的使用</title>
2 <style type="text/css">
3 :root{color:red;}
4 h2{color:blue;}
5 </style>
6 </head>
7 <body>
8 <h2>《面朝大海春暖花开》</h2>
9 <p>从明天起做个幸福的人
10 喂马劈柴周游世界
11 从明天起关心粮食和蔬菜
12 我有一所房子
13 面朝大海春暖花开</p>
14 </body>运行代码效果如图1所示：
图1 root选择器效果展示1
如果不指定h2元素的字体颜色，仅仅使用“:root选择器”设置的样式，即删除第4行代码，效果如图2所示：
图2 root选择器效果展示2
点击此处
隐藏目录
隐藏目录
