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

时间:2013-04-05 10:22:56

标签: css superfish

我需要更多关于我的superfish菜单的帮助: http://web288.merkur.ibone.ch/klingler/

我想修改悬停和当前的主要按钮。但是,这也会更改我不想要的子菜单项。我不是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;

}

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

1 个答案:

答案 0 :(得分:1)

据我所知,你只想选择一个直接子元素为li.current或li.sfHover的元素。

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