從這一節開始，我們來給大家介紹一下第3類結構偽類選擇器。
這一節，我們先來介紹一下:root選擇器。
在CSS3中，:root選擇器用於選擇文檔的根元素。根元素指的是位於文檔樹中最頂層結構的元素。在HTML中，根元素永遠是HTML。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3 :root選擇器</title>
<style type="text/css">
:root
{
background-color:silver;
}
body
{
background-color:red;
}
</style>
</head>
<body>
<h1> 學習網</h1>
</body>
</html>
在浏覽器預覽效果如下：
分析：
這裡使用:root選擇器指定整個網頁的背景色為灰色，將網頁中body元素的背景色設為紅色。
:root{background-color:silver;}
上述代碼等價於：
html{background-color:silver;}