javascript - 后台定位下拉菜单问题

Question

就目前而言，我已经使用 background-position css 属性创建了一个导航菜单。 click here

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

#nav-menu .shop a{
    background-position: left top;
    width: 139px;
}

在商店链接上，我创建了一个下拉功能来显示另一个菜单，我遇到的问题是我属性中的所有标签都复制了

导航菜单li a

有没有一种方法可以在我的节目中取消这个特定的背景图像并隐藏菜单以显示另一个背景图像？

Answer 1

在#nav-menu li a 中，您应该使用后代运算符，以便仅选择直接子项。

例如

#nav-menu > li > a