在鼠标悬停时更改菜单项的颜色

Question

我试图在鼠标悬停时将the menu项的颜色更改为黑色但经过多次尝试后，我无法这样做。请指导我。感谢。

.primary-nav .suppa_menu .suppa_top_level_link.current-menu-item, .primary-nav .suppa_menu .suppa_top_level_link.current-menu-ancestor{
    background-color: #FFFFFF !important;
}

.primary-nav .suppa_menu:hover .suppa_top_level_link {

    background-color:#FFFFFF !important;
    color: #000000  !important;
}
.suppa_item_title:hover .suppa_menu a:hover .suppa_item_title:hover{
    color: #000000  !important;
}

Answer 1

在primary-nav.css中，悬停时文本的颜色当前设置为：

.primary-nav .suppa_menu:hover .suppa_top_level_link .suppa_item_title {
    color: #ffffff;
}

如果您将其更改为：

.primary-nav .suppa_menu:hover .suppa_top_level_link .suppa_item_title {
    color: #000000 !important;
}

它应该有用。