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

我在一个小型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;
} 

---

更改背景色时：#ceb19c至<代码>背景色：#fff所有菜单项都将更改为白色背景，但当关闭它时，不会更改为类似于商店页面中的棕色。有人来帮我解决这个问题吗？

你可能可以使用这个css规则，当你在主页上时，它会针对导航中的顶级链接

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

---

您可能可以使用此css规则，在主页上以nav中的顶级链接为目标

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

---

CSS是相同的，无论是悬停还是不悬停，都使用该

#ceb19c

十六进制值。您需要分离悬停颜色，使其类似：

body.home .menu-item .fusion-top-level-link:hover{
 background: #fff (or any color you want it to be)
}

---

这应该可以解决问题

CSS使用该

#ceb19c

十六进制值悬停与否都是一样的。您需要分离悬停颜色，使其类似：

body.home .menu-item .fusion-top-level-link:hover{
 background: #fff (or any color you want it to be)
}

这应该可以解决问题