:root
用來宣告文件的根元素，而網頁的根元素一定是 HTML；所以只有兩種使用情形：（一）:root。（二）HTML:root。
- 風格用法：
<style type='text/css'>
HTML:root {font-size:120%}
</style> - 執行結果：
- 由於上面的設定，此頁的字較其它頁大。此為筆者在個人電腦的測試結果，移到部落格就失效了。
- IE6 失敗；Firefox, Safari, Chrome 都成功。
CSS hack：由於 IE（IE8 及以下版本）沒有支援 :root，含有 :root 的選擇器會解讀失敗而被略過；所以被設計師用來分別 IE 與 Firefox。下面的範例依循兩個原則：（一）後宣告的值會蓋過先宣告的值。（二）解讀失敗的宣告會被忽略。
- 風格用法：
<style type='text/css'>
DIV.cls1 {color:blue} /* IE */
:root DIV.cls1 {color:red} /* Firefox, Safari, Chrom */
</style>
<div class=cls1>
CSS hack：此段文字在 IE6 是藍色；在 Firefox, Safari, Chrome 是紅色。
</div> - 執行結果：
CSS hack：此段文字在 IE6 是藍色；在 Firefox, Safari, Chrome 是紅色。
