DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS教程:論CSS選擇器的浏覽器支持
CSS教程:論CSS選擇器的浏覽器支持
編輯:CSS進階教程     

網頁制作poluoluo文章簡介:CSS選擇器的浏覽器支持.

我很久以前就開始計劃著整理一下CSS選擇器的浏覽器支持,因為CSS3增加了很多非常有用的選擇器。CSS屬性選擇器制作個性化鏈接樣式作為對CSS選擇器的初步研究。

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

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

css-selector

綜合測試結果,可以得出以下結論:

  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的偽元素等沒有被列入,我會在適當的時候加進來。同時如果你發現這裡有某些錯誤或者不妥之處,煩請告訴我,我會盡快的更正它,多謝先!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved