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

Question

我从事小型 Wordpress 项目，很难让菜单以我喜欢的方式工作。在我网站的主页上，菜单颜色为棕色，当光标靠近其中一些时，它不会改变悬停。例如，当靠近购物车符号时，颜色会像其他菜单项一样从白色变为棕色。所以我想这样做以适用于我的所有菜单项。这很奇怪，因为这个问题只是在主页上，在其他页面上，例如商店它以我希望它在所有站点中的方式工作。我发现要定义的菜单 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;白色背景时，但关闭它时，不会像商店页面中的作品一样更改为棕色。有人帮我解决这个问题吗？

标签： csswordpress

Answer 1

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

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