css - 用光标关闭时更改主 Wordpress 菜单悬停颜色

Question

我在小型 Wordpress 元素上工作，很难让菜单以我喜欢的方式工作。在 homepage在我的网站上，菜单颜色是棕色的，当光标靠近其中一些时，它不会改变悬停。例如，当靠近购物车符号时，颜色会像其他菜单项一样从白色变为棕色。所以我想这样做来处理我所有的菜单项。这很奇怪，因为这个问题只是在主页上，在其他页面上，例如 shop它以我希望它出现在所有站点中的方式工作。我发现要定义的菜单 CSS 类:

 .fusion-is-sticky .fusion-main-menu > ul > li.current-menu-ancestor > a, .fusion-is-sticky .fusion-main-menu > ul > li.current-menu-item > a, .fusion-is-sticky .fusion-main-menu > ul > li.current-menu-parent > a, .fusion-is-sticky .fusion-main-menu > ul > li.current_page_item > a, .fusion-is-sticky .fusion-main-menu > ul > li:not(.fusion-middle-logo-menu-logo) > a:hover, .fusion-main-menu > ul > li.current-menu-ancestor > a, .fusion-main-menu > ul > li.current-menu-item > a, .fusion-main-menu > ul > li.current-menu-parent > a, .fusion-main-menu > ul > li.current_page_item > a, .fusion-main-menu > ul > li:not(.fusion-middle-logo-menu-logo) > a:hover, .fusion-main-menu > ul > li:not(.fusion-middle-logo-menu-logo):hover > a 
background-color:#ceb19c;
} 

当将 background-color:#ceb19c; 更改为 background-color:#fff; 时，所有菜单项都变为白色背景，但是当关闭它时，不是像商店页面中的作品一样变成棕色。有人可以帮我解决这个问题吗？

Answer 1

在主页上时，您可能可以使用此 css 规则来定位导航中的顶级链接。

body.home a.fusion-top-level-link:hover {
    background-color: #fff !important;
}