如何结合：第一个孩子和：hover？

我有一个用于菜单的无序列表。 每个项目都有一个背景图像和一个：hover图像。 第一个元素的背景图像与其他元素不同，所以我使用下面的方式来设置它的样式：

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

因为我也想要这个元素的翻转图像，所以我尝试添加:hover ，如下所示：

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

…但这不起作用。 什么是结合的语法:first-child和:hover ？

Answer 1

链接:first-child和:hover因为你在这里应该工作得很好。 如果您使用的是IE6，则只会识别链中最后一个伪类。

换句话说，你做对了。

Answer 2

li:first-child:hover应该工作。 你正在testing哪个浏览器？ IE不支持last-child

这是一个示例testing用例。