CSS 選擇器的瀏覽器支持總結

我很久以前就開始計劃著整理一下CSS選擇器的瀏覽器支持，因為CSS3增加了很多非常有用的選擇器。之前我也寫過一篇《使用CSS選擇器創建個性化鏈接樣式 》，作為對CSS選擇器的初步研究。

kimblim網站整理了一份很全面的CSS選擇器支持情況，我將其翻譯過來并進行進一步的整理，將其盡可能的簡化。同時結合evotech網站整理的CSS選擇器支持列表，以及我自己平時總結的一些tips。

熟悉jQuery的人可能都知道，jQuery的靈魂就是它的選擇器，同樣我認為選擇器是css最強大的功能之一，在不久的將來也會得到重視。jQuery的選擇器功能得益于CSS3選擇器提供的靈感，卻是目前兼容性和易用性最好的選擇器，而CSS的選擇器不能普及，就是因為某些瀏覽器在拖后腿。

現在就查看《CSS選擇器的瀏覽器支持》吧！

綜合測試結果，可以得出以下結論：

1. webkit內核瀏覽器和Opera瀏覽器對CSS選擇器的支持最好，Chrome所有版本的瀏覽器均完全支持，Safari3.2版本以上瀏覽器也完全支持，Opera9.6+瀏覽器也完全支持CSS選擇器；
2. Safari3.0以下瀏覽器、Firefox 2.0以下瀏覽器、IE8基本支持CSS2.1選擇器，基本上不支持CSS3選擇器。可喜的是IE8瀏覽器有了里程碑的進步，基本很完全的支持了CSS2.1選擇器，但是依然不完全支持偽元素；
3. IE6是最落后的瀏覽器，它竟然連CSS1的選擇器都不能完全支持！

很多IE6的粉絲朋友常常問我，你為什么那么討厭IE6，然后我就要費盡口舌的回答他們，現在好了，有了這個表，我們可以理直氣壯的BS IE6了！

這個列表還不是最完整的，還有些CSS3的偽元素等沒有被列入，我會在適當的時候加進來。同時如果你發現這里有某些錯誤或者不妥之處，煩請告訴我，我會盡快的更正它，多謝先！

PS:update @ 2009-08-21 CSS選擇器支持頁面暫時更改，待完善后會我重新發布。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈