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

【问题标题】：Change color of menu item on mouse hover在鼠标悬停时更改菜单项的颜色
【发布时间】：2015-11-24 07:09:06
【问题描述】：

我试图在鼠标悬停时将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;
}

【问题讨论】：

标签： css

【解决方案1】：

在primary-nav.css中，当前hover时文字的颜色设置为：

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

它应该工作。

【讨论】：