css - 有什么办法可以使用 li :first-child and li:hover

Question

我为使用 <li> 构建的导航的第一个和最后一个子项设置了不同的背景图像

我还想添加悬停图像。有什么办法可以添加 :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 可能会有问题。)