CSS選擇器的瀏覽器支持

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

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

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


現在就查看《CSS選擇器的瀏覽器支持》吧！
綜合測試結果，可以得出以下結論：
webkit內核流覽器和Opera瀏覽器對CSS選擇器的支持最好，Chrome所有版本的瀏覽器均完全支持，Safari3.2版本以上瀏覽器也完全支持，Opera9.6+瀏覽器也完全支持CSS選擇器；
Safari3.0以下瀏覽器、Firefox 2.0以下瀏覽器、IE8基本支持CSS2.1選擇器，基本上不支持CSS3選擇器。可喜的是IE8瀏覽器有了里程碑的進步，基本很完全的支持了CSS2.1選擇器，但是依然不完全支援偽元素；
IE6是最落後的瀏覽器，它竟然連CSS1的選擇器都不能完全支持！

很多IE6的粉絲朋友常常問我，你為什麼那麼討厭IE6，然後我就要費盡口舌的回答他們，現在好了，有了這個表，我們可以理直氣壯的BS IE6了！
這個列表還不是最完整的，還有些CSS3的偽元素等沒有被列入，我會在適當的時候加進來。同時如果你發現這裡有某些錯誤或者不妥之處，煩請告訴我，我會儘快的更正它，多謝先！

文章來自前端觀察
文章提供 BAYSTARS DESIGN網頁設計公司