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

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;
}

它应该可以工作。