避免在CSS快鱼菜单

子菜单项继承我需要我的快鱼菜单在这里的一些更多的帮助： http://web288.merkur.ibone.ch/klingler/避免在CSS快鱼菜单

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

}

这做什么，我想主按钮，但它确实也改变了子菜单项...什么是我做错了什么？

来源

2013-04-05 Reto

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

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

来源

2013-04-05 10:33:56 dave

关闭，只是子菜单中'当前'项目被更改。请参阅“Produktportfolio”菜单：http：//web288.merkur.ibone.ch/klingler/ – Reto 2013-04-05 10:43:56

所以，您只需要''li' current'的直接子元素'a'，它是导航的直接子元素-root-ul元素。现在你已经知道了'>'combinator，那么你的问题在哪里？ – dave 2013-04-05 10:57:16

我很抱歉，但我不明白你在说什么。这可能是由于我有限的CSS知识。你能看到子菜单的盘旋没有做他们应该做的事吗？ – Reto 2013-04-05 11:03:28

避免在CSS快鱼菜单

回答

相关问题