избежать наследования пунктов подменю в меню CSS 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;

}

Это делает то, что я хочу для основных кнопок, но она также изменить записи в подменю ... Что я делаю не так?

источник

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

Таким образом, вам нужен только элемент 'a', который является прямым дочерним элементом' li.current', который является прямым дочерним элементом навигации -root-ul. Теперь, когда вы знаете комбинатор '>', где ваша проблема? – dave

Прошу прощения, но я не понимаю, что вы говорите. Это может быть связано с моим ограниченным знанием css. Вы видите, что наведение подменю не делает то, что нужно? – Reto

избежать наследования пунктов подменю в меню CSS SUPERFISH

ответ

Смежные вопросы