Javascript 背景定位下拉菜单问题

目前，我已经使用BackgroundPositionCSS属性创建了一个导航菜单

在shop link上，我创建了一个下拉功能来显示另一个菜单，我遇到的问题是我的酒店内的所有标签都复制了

导航菜单李a 有没有办法在“显示和隐藏”菜单中取消此特定背景图像以显示另一个背景图像？

在“导航”菜单中，您应该使用“后代”操作符，以便仅选择直接子对象

比如说

#nav-menu > li > a

在css中替换：

#nav-menu li a{
background: url("images/navbar.png") no-repeat scroll 0 0 transparent;
display: block;
cursor: pointer;
height: 102px;
}

与：

#nav-menu > li > a{
background: url("images/navbar.png") no-repeat scroll 0 0 transparent;
display: block;
cursor: pointer;
height: 102px;
}

---

了解更多关于直系死者选择器（“>”）

您可以使用第一个子女；仅将背景设置为第一个元素

     #nav-menu li:first-child a{
        background: url("images/navbar.png") no-repeat scroll 0 0 transparent;
    }

或者，您可以在另一个

元素之后的所有

元素上强制将背景设置为其他内容

    #nav-menu li + li a{
        background-image: none;
    }

你的链接断了！举例说明fiddle@NithinEmmanuel我不太明白你的意思，可以举个例子吗？
    #nav-menu li + li a{
        background-image: none;
    }