某些類型的CSS選擇器的瀏覽器兼容性

Question

我想知道是否有哪些瀏覽器不支持這種選擇？

1) .class-1.class-2 
2) #id-1.class-2 
3) .class-1 > .class-2 
4) .class-1 + .class-2 
5) .class[foo="bar"] 

我沒有太多不同的操作系統與不同的瀏覽器......所以不知道在哪裏可以找到這些兼容性。所以請給我一隻手！

Answer 1

IE7及更新版本以及所有其他瀏覽器支持您所有給定的選擇器。

1. IE6讀取.class-1.class-2如.class-2（參見here用於比較）

2. IE6解析#id-1.class-2正確

3. IE6不能讀取>，忽略整個規則完全

4. IE6不能讀取+，完全忽略整個規則

5. IE6無法讀取[foo="bar"]，忽略整個規則完全

Answer 2

Internet Explorer 5中& 6不支持>，+和[attr]選擇。更多信息請登錄http://www.quirksmode.org/css/contents.html

Answer 3

有一個名爲Quirksmode.org的非常好的網站，它有一套用於所有CSS選擇器和功能的兼容性圖表。

http://www.quirksmode.org/css/contents.html

爲了什麼它的價值，你就會有問題，幾乎所有的與IE6的，但大多數其他瀏覽器將所有這些就好應付。

解決方案：不支持IE6。