Некоторые проблемы с основным меню и подменю, когда я нахожу

Question

У меня есть некоторые проблемы с моим меню.

См:

http://marketing-für-immobilien.de/

, когда я наведите курсор мыши на меню фона изменение цвета на синий и цвет шрифта белого цвет. когда я нахожу в подменю ту же процедуру, но цвет шрифта главного меню становится синим. Я не могу найти правильный css для сохранения белого цвета для главного меню, когда я нахожусь в подменю.

Было бы очень хорошо, если кто-то может помочь мне

Приветствия Sven

Answer 1

У вас есть 2 разных :hover определения.
Первый на значке li вашего основного меню. Это установит фон li на синий.
Вторая находится на теге a вашего основного меню. Это устанавливает цвет шрифта главного меню на белый.

И вот ваша ошибка. Если вы переместите курсор в подменю, курсор все еще находится в теге li главного меню, но не в теге a. Так что второй парящий сойдет.

ДОБАВИТЬ в вашем CSS:

header.navbar nav > div > ul > li:hover { 
    background-color: #004b96; 
} 

это одно:

header.navbar nav > div > ul > li:hover a { 
    color: #fff; 
} 

И удалить:

header.navbar a:hover { 
    color: #fff; 
}