如何结合:第一个孩子和:悬停？

Question

我有一个无序的列表,我用于菜单.每个项目都有一个背景图像和一个:悬停图像.第一个元素的背景图像与其余元素不同,所以我使用下面的方式来设置它,它工作正常:

#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应该管用.您正在测试哪种浏览器？IE不支持last-child

这是一个示例测试用例.