html - 单个选择器上的多个伪类

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>