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

发布于 2024-11-05 00:38:35 字数 400 浏览 0 评论 0原文

我为使用

  • 构建的导航的第一个和最后一个子元素设置了不同的背景图像。
  • 我还想添加悬停图像。有什么方法可以将 :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 技术交流群。

    扫码二维码加入Web技术交流群

    发布评论

    需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

    评论(2

    听你说爱我 2024-11-12 00:38:35

    是的,你已经得到了。

    • #nav li:first-child 选择第一个
    • #nav li:first-child:hover 选择第一个
    • 当它悬停时

    last-child 同上。 (在支持非链接元素上的 first-childlast-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 hovered

    Ditto for last-child. (In browsers that support first-child, last-child, and :hover on elements that aren’t links, so earlier versions of Internet Explorer may well have trouble.)

    风蛊 2024-11-12 00:38:35

    这对我有用。

    li:first-child:hover, li:last-child:hover {...}
    

    Here's what works for me.

    li:first-child:hover, li:last-child:hover {...}
    
    ~没有更多了~
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文