css - 避免继承 CSS superfish 菜单中的子菜单项

Question

我的 super 鱼菜单需要更多帮助: 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;

这对主按钮做了我想要的，但它也改变了子菜单条目...我做错了什么？

Answer 1

据我了解，您只想选择作为 li.current 或 li.sfHover 的直接子元素的 a 元素。

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