CSS選擇器的瀏覽器支持

CSS1

 

CSS2

 

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

• 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/