某些类型的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＆amp; 6不支持>，+和[attr]选择器。有关更多信息，请访问http://www.quirksmode.org/css/contents.html

Answer 3

有一个名为Quirksmode.org的非常好的网站，它有一套完整的兼容性图表供所有CSS选择器和功能使用。

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

对于它的价值，几乎所有使用IE6的人都会遇到问题，但大多数其他浏览器都会很好地应对它们。

解决方案：不支持IE6。