如何结合 :first-child 和 :hover？

Question

我有一个用于菜单的无序列表。每个项目都有一个背景图像和一个 :hover 图像。第一个元素的背景图像与其他元素不同，因此我使用以下设置样式，效果很好：

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

由于我也想在此元素上添加翻转图像，因此我尝试添加 :hover ，如下所示：

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

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

原文由 Diodeus - James MacFarlane 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

换句话说，你做对了。

原文由 stephenhay 发布，翻译遵循 CC BY-SA 2.5 许可协议