CSS選擇器的瀏覽器支持

CSS1

這裏寫圖片描述

CSS 2.1

這裏寫圖片描述

CSS 3

這裏寫圖片描述

  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

  • Safari 3.2(事實上可以追溯到3.1)以上的版本已經完全的支持所有CSS選擇器了。
  • Safari 3.0 基本上對 CSS 2 的選擇器支持很好,但不支持 CSS 3 大部分新增的選擇器,而且對屬性選擇器的支持不是很完整。
  • iPhone 中的 Safari 有 3.0 和 3.2 兩個版本,對 CSS 的支持情況與 PC/Mac 版的支持情況一致。
  • Android 系統自帶的瀏覽器基本上也是基於 webkit 核心的,其對於 CSS 選擇器的支持情況待測。

正好想看看CSS選擇器的支持情況,然後找到了這篇文章。原作者:Aaron,鏈接地址:http://www.cnblogs.com/aaronjs/p/3845242.html

發佈了31 篇原創文章 · 獲贊 16 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章