Posted on 2012-04-15 16:37
zljpp 閱讀(154)
評論(0) 編輯 收藏
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的偽元素等沒有被列入,我會在適當的時候加進來。同時如果你發現這里有某些錯誤或者不妥之處,煩請告訴我,我會盡快的更正它,多謝先!