從這一節開始,我們來給大家介紹一下第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;}