单个选择器上的多个伪类

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>