避免在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快魚菜單

回答

相關問題