单个选择器上的多个伪类

Question

以下CSS语法是否有效？

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

如果是这样,那么浏览器的兼容性是什么？例如,它是否兼容IE8,IE6 +,Firefox 4,Chrome等.

Answer 1

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

div span:first-child:hover {
  color: red;
}

<div>
  <span>asdasd</span>
  <span>asdasd</span>
  <span>asdasd</span>
</div>