Изменение цвета при наведении курсора на li
Я программирую простую страницу WordPress и хочу изменить цвет фона строки меню (в правом верхнем углу) при наведении на нее курсора. Это на этом сайте: https://www.happylogo.be/. Обычно я просто делаю это с помощью «добавить дополнительный css», который является просто файлом css. Странно то, что я считаю, что мой код селектора правильный, потому что, когда я добавляю 'visibility:hidden;' Он быстро исчезает и снова появляется при наведении курсора на элементы li.
Код CSS, который я использую сейчас:
#menu-primary-coach li:hover{
/*#menu-primary-coach is the id of the lu*/
background-color: #c7143a !important;
}
Но это не работает. Как изменить цвет фона при наведении курсора на пункты меню?
Ответы 2
Это вызвано этой строкой CSS. Есть наведение на <a> внутри <li>. Поскольку страница использует xhtml, стиль наведения должен быть на <a>, а не на <li>. Если вы используете HTML5, он может быть на <li>.
#primary-nav ul li:hover > a, #sticky_menu li:hover > a {
background-color: #000000;
}
Я заметил, что тег <a> внутри вашего <li> на самом деле переопределяет состояние наведения черным цветом.
#primary-nav ul li:hover > a, #sticky_menu li:hover > a {
background-color: #000000;
}
Вы можете удалить этот стиль или также установить состояние наведения <a> на желаемый цвет.
Спасибо за ответ, именно то, что мне было нужно! :)