在IE中使用CSS3進階選取器

標籤：

CSS3進階選取器確實很強大，可以顯著簡化html代碼，大幅提升CSS的可讀性。IE9以下的IE瀏覽器是不支援CSS3進階選取器，但是有額外的方法可以使IE6-IE8瀏覽器也能使用CSS進階選取器。 需要先下載兩個檔案：domassistant.js    http://www.domassistant.com/selectivizr.js    http://selectivizr.com/ 使用方法：在head標籤之間或者body標籤之後匯入這兩個檔案就可以了<!--[if IE]>    <script type="text/javascript" src="DOMAssistantCompressed-2.8.1.js"></script>    <script type="text/javascript" src="selectivizr-min.js"></script><![endif]--> PS:網頁中使用的類庫不一樣，selectivizr.js支援的CSS3進階選取器也不一樣。如果使用的是jQuery，那麼selectivizr只支援 :nth-child，:first-child，:last-child，:only-child；如果使用的是DOMAssistant，除了:empty以外，其他的選取器都可以被支援。 樣式表必須通過<link>標籤引入。頁面級的樣式表或者內聯的樣式表將無效。不過你可以在外部樣式檔案中使用@import 匯入其它樣式檔案； 樣式表檔案必須和頁面放在同一個網域名稱下面，使用file://路徑的樣式匯入的樣式表將不起作用； 該模擬方法不是動態，樣式被應用之後再改變DOM，將會無效。 使用此種方法強制IE6-IE8瀏覽器支援CSS3選取器，但是不可避免的情況是元素會在頁面載入完畢的時候“閃現”一下。 

在IE中使用CSS3進階選取器