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

标签 css cross-browser css-selectors

请问有没有不支持这种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"]

我没有这么多不同的操作系统和不同的浏览器...所以不知道在哪里可以找到这些兼容性。所以请帮帮我!

最佳答案

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

  1. IE6 将 .class-1.class-2 读取为 .class-2(请参阅 here 进行比较)

    <
  2. IE6 正确解析#id-1.class-2

  3. IE6 无法读取>,完全忽略整个规则

  4. IE6 无法读取+,完全忽略整个规则

  5. IE6 无法读取[foo="bar"],完全忽略整个规则

关于css - 某些类型的 css 选择器的浏览器兼容性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4956709/

相关文章:

html - CSS水平图像对齐与图像标题

html - 隐藏或删除所有子元素时防止 div 折叠

html - WordPress 主题古怪

html - 高度内联工作但不是外部 css

html - 是否有一份详尽的移动浏览器问题列表,类似于我们在桌面空间中遇到的问题?

css - wordpress wp_nav_menu 不在 safari 中显示

CSS :first-child selector IE7

html - 表格文本悬停和链接颜色

css - 解决 'Legend' 冲突 IE 9

javascript - 如何在 Javascript 中访问具有相同属性的动态控件