CSS選擇器的瀏覽器支持


CSS1

image

 

CSS2

image

 

CSS 3

image

 

  1. :hover 在IE6中只有a元素可用。
  2. E:empty 貌似在webkit核心瀏覽器中有些小bug。
  3. 如果這個bug依然存在,不太確定如何測試。
  4. IE6不支持.class1{}.class2{}雙類選擇器。
IE8注意事項:
  • E[attr]選擇器在值為空的時候或者寫錯的時候,將不會生效;
  • IE8支持CSS2.1的所有屬性,支持偽類,但是不支持偽元素。
IE8中的IE7兼容模式
  • E[attr] 和IE8一樣,值為空或寫錯的時候,無效;
  • E[attr~=val]這里唯一需要注意的是,屬性的值,區分大小寫;
  • E[attr|=val]IE7有一些大小寫敏感的問題,但是通常可以正常使用;
  • :first-child IE7 會將一個注釋或者文字節點當成first-child,而不是只有元素才是“子”元素。所以,如果在第一個子元素前有注釋或文字,IE7會匹配之而不是去匹配第一個子元素。
Safari/Chrome
  • Safari3.2(事實上可以追溯到3.1)以上的版本已經完全的支持所有CSS選擇器了。
  • Safari3.0基本上對CSS 2的選擇器支持很好,但不支持CSS3大部分新增的選擇器,而且對屬性選擇器的支持不是很完整
  • iPhone中的Safari有3.0和3.2兩個版本,對CSS的支持情況與PC/Mac版的支持情況一致。
  • Android系統自帶的瀏覽器基本上也是基於webkit核心的,其對於CSS選擇器的支持情況待測。

 

方便查看就鏈接過來了

原:http://labs.qianduan.net/css-selector/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM