CSS1
CSS 2.1
CSS 3
- :hover 在IE6中只有 a 元素可用。
- E:empty 貌似在webkit核心瀏覽器中有些小bug。
- 如果這個bug依然存在,不太確定如何測試。
- 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