Wordpress巨型菜单

Question

我正在定制Word Press的Mega菜单。

链接是： - ，

http://totalebiz.exxelnet.sg/budgeting-business-planning-system/#

我想在蓝色背景标签悬停时将文字颜色更改为白色（请参阅http://74.81.85.18/~demourl/scshot/screen.html下的屏幕截图）。

我正在应用这个css但是通过应用它，整个菜单的颜色变化： -

#mega_main_menu.primary > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button, 
#mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link,
#mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link * {
    color: #4C4C4C;
}

Answer 1

您需要在代码中指定要引用的链接。您可以通过向CSS添加链接ID来完成此操作。您可以在代码中添加！important声明，以确保它覆盖其他CSS。

#mega_main_menu .menu_holder .menu_inner .mega_main_menu_ul li#menu-item-4306 a:hover span {color: #333 !important;}
#mega_main_menu .menu_holder .menu_inner .mega_main_menu_ul li#menu-item-4306 a:hover {background: #FFF !important;}