某些类型的css选择器的浏览器兼容性

Question

我想知道哪里有不支持这种select的浏览器？

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

我没有这么多不同的操作系统与不同的browsers...So，不知道在哪里可以找到这些兼容性。所以请帮我一把！

Answer 1

IE7和更新版本，以及所有其他浏览器，都支持您指定的所有选择器。

1. IE6将.class-1.class-2读取为.class-2 (有关completely
2. IE6正确解析#id-1.class-2和
3. IE6无法读取>的信息，请参阅.class-1.class-2，忽略整个规则completely
4. IE6无法读取<代码>D13，忽略整个规则completely
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。