【问题标题】:Multiple Pseudo Classes on a Single Selector单个选择器上的多个伪类
【发布时间】:2015-02-04 13:14:25
【问题描述】:

以下 CSS 语法是否有效?

a:first-child:hover { background-color: transparent; }

如果是这样,就浏览器而言,兼容性如何?比如是否兼容IE8、IE6+、Firefox 4、Chrome等。

【问题讨论】:

    标签: html css css-selectors pseudo-class


    【解决方案1】:

    组合first-child:hover 是正确的(IE6 只识别链中的最后一个伪类):

    div span:first-child:hover {
      color: red;
    }
    <div>
      <span>asdasd</span>
      <span>asdasd</span>
      <span>asdasd</span>
    </div>

    【讨论】:

    • 是的,它可以工作,但也可以看看here
    • 这不是 IE6 无法识别链中的多个伪类的问题,而是它无法识别 :first-child。不过,这听起来确实是一个合理的说法。
    猜你喜欢
    • 1970-01-01
    • 2018-03-15
    • 1970-01-01
    • 2017-06-30
    • 1970-01-01
    • 2022-11-08
    • 1970-01-01
    • 2012-04-05
    • 1970-01-01
    相关资源
    最近更新 更多