避免在CSS superfish菜单中继承子菜单项

避免在CSS superfish菜单中继承子菜单项,css,superfish,Css,Superfish,我需要更多关于superfish菜单的帮助: 我想修改悬停和当前的主要按钮。但是,这也会更改我不想要的子菜单项。我不是CSS专家,但不知何故,子菜单条目确实继承了属性。我想补充的是: .sf-menu a:hover, .sf-menu li.current a, .sf-menu li.sfHover a { background: #e24c4c url(../../images/bg-top-a-active.png) no-repeat center bottom; m

我需要更多关于superfish菜单的帮助:

我想修改悬停和当前的主要按钮。但是,这也会更改我不想要的子菜单项。我不是CSS专家,但不知何故,子菜单条目确实继承了属性。我想补充的是:

.sf-menu a:hover,
.sf-menu li.current a,
.sf-menu li.sfHover a {
    background: #e24c4c url(../../images/bg-top-a-active.png) no-repeat center bottom;
    margin: 5px;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
}


这是我想要的主按钮,但它也改变了子菜单项。。。我做错了什么?

据我所知,您只想选择a元素,它们是li.current或li.sfHover的直接子元素

.sf-menu a:hover,
.sf-menu li.current > a,
.sf-menu li.sfHover > a {

关闭,仅更改子菜单中的“当前”项。请参阅“Produktportfolio”菜单:因此您只需要
a
元素,它是
li.current
的直接子元素,它是导航根ul元素的直接子元素。既然你知道了
组合器,你的问题在哪里?对不起,我不明白你在说什么。这可能是因为我的css知识有限。你能看到子菜单的悬停没有做他们应该做的吗?我在这里做了一些尝试和错误,因为我不知道
是如何工作的。。。现在它看起来更好了,但是没有子菜单的菜单项在悬停时不再起作用…您将
.sf菜单a:hover
更改为
.sf菜单>a:hover
。没有这样的因素
.sf menu>li>a:hover
可能就是您想要的。