Html 如何组合：第一个孩子和：悬停？

我有一张无序的菜单。每个项目都有一个背景图像和一个：悬停图像。第一个元素上的背景图像与其他元素不同，因此我使用以下方法对其进行样式设置，效果很好：

#prodNavBar ul:last-child li:first-child {...}

由于我也想在这个元素上添加一个翻滚图像，所以我尝试添加了

：hover

，如下所示：

#prodNavBar ul:last-child li:first-child:hover {...}

---

…但这不起作用。将

：first child

和

：hover

组合在一起的语法是什么？

链接

：first child

和

：hover

，就像您在这里做的那样应该可以很好地工作。但是，如果您使用的是IE6，则只能识别链中最后一个伪类

---

换句话说，你做得对。

李：第一个孩子：悬停应该可以。您正在使用哪个浏览器进行测试？IE不支持

最后一个孩子

是一个示例测试用例。

已解决

---

看在Pete的份上，在prodNavBar中的UL上加一个类或ID——你的大部分用户都不会看到它正常工作，也就是noobs，也就是点击广告的人，IE用户，是的，因为我必须在第一个元素上加一个类才能让它在IE中工作，我也可以只使用类名，同时忘记第一个孩子的业务。如果它需要在IE6中工作，那么您最好使用普通的旧类。

：最后一个孩子只在IE8和更低版本中工作。它在IE9+中工作得非常好。你如何将两者结合起来呢？加上：不是（除了第一个孩子以外的所有孩子）？如果我想要除第一个孩子以外的所有孩子，我可能会使用类似于
nth child（n+2）
。
.aston-menu-light>ul>li:last-child > a:hover {
    color:red !important;
}