有什么办法可以使用 li:first-child 和 li:hover
我为使用
构建的导航的第一个和最后一个子元素设置了不同的背景图像。我还想添加悬停图像。有什么方法可以将 :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;
}
提前致谢。
I have a different background image for the first and last child of a navigation built with <li>
s.
I also want to add hover image. Is there any way I can add :first-child
and :hover
together?
#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;
}
Thanks in advance.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
是的,你已经得到了。
#nav li:first-child
选择第一个#nav li:first-child:hover
选择第一个当它悬停时
last-child
同上。 (在支持非链接元素上的first-child
、last-child
和:hover
的浏览器中,因此早期版本的 Internet探险家很可能会遇到麻烦。)Yeah, you’ve got it already.
#nav li:first-child
selects the first<li>
#nav li:first-child:hover
selects the first<li>
when it’s hoveredDitto for
last-child
. (In browsers that supportfirst-child
,last-child
, and:hover
on elements that aren’t links, so earlier versions of Internet Explorer may well have trouble.)这对我有用。
Here's what works for me.