Question

对于使用<li> s构建的导航的第一个和最后一个孩子，我有不同的背景图片。

我还想添加悬停图片。我有什么方法可以将:first-child和:hover加在一起吗？

#nav li:first-child{
background:url(../images/topnavsprite.png);
background-position: 0px 0px;
}

#nav li:first-child:hover{
background:url(../images/topnavsprite.png);
background-position: 0px 0px;
}

提前致谢。

Answer 1

是的，你已经拥有它了。

#nav li:first-child选择第一个<li>
#nav li:first-child:hover选择第一个<li>悬停时

last-child同上。（在不支持链接的元素上支持first-child，last-child和:hover的浏览器中，因此早期版本的Internet Explorer可能会遇到问题。）

Answer 2

这对我有用。

image_count

有什么方法可以使用li：first-child和li：hover

2 个答案: