:root

: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>