【问题标题】:Browser compatibility of some type of css selectors某些类型的 css 选择器的浏览器兼容性
【发布时间】:2011-02-14 00:34:34
【问题描述】:

我想知道不支持这种选择的浏览器在哪里?

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

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

【问题讨论】:

    标签: css cross-browser css-selectors


    【解决方案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"],完全忽略整个规则

    【讨论】:

      【解决方案2】:

      Internet Explorer 5 和 6 不支持 >+[attr] 选择器。更多信息http://www.quirksmode.org/css/contents.html

      【讨论】:

        【解决方案3】:

        有一个非常棒的网站,叫做 Quirksmode.org,它有一套完整的所有 CSS 选择器和特性的兼容性图表。

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

        不管怎样,几乎所有使用 IE6 的浏览器都会遇到问题,但大多数其他浏览器都可以很好地处理这些问题。

        解决办法:不支持IE6。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2010-11-17
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多