Wordpress 网站上的子菜单不会在悬停时显示

Question

我正在开发一个网站，当您将鼠标悬停在主导航中的“参考”和“联系我们”项目上时，该网站应该会显示子菜单。但是，这些项目不会显示。

我尝试通过 CSS 向菜单和子菜单项添加悬停属性，但似乎没有任何效果。它似乎总是默认为“显示：无；”用于子菜单。

这是网站的网址：http://fongconstruction.com

我不知道从哪里开始，如果有一个 CSS 修复程序可能我遗漏了，那么任何指导都会有所帮助！提前致谢！

Answer 1

首先你需要从 custom.cs(line number 1) 和 style.css(line number 844) https://prnt.sc/15pru62

中删除下面的 css

#nav .sub-menu {
    display: block !important;
}

您还需要从子菜单 https://prnt.sc/15ps03v 中删除内联样式（显示：无）

然后添加这个css

#nav li ul.sub-menu {
    display: none;
}

#nav li:hover ul.sub-menu {
    display: block;
}

Answer 2

我能够通过使用我以前没有想到的不同选择器找到解决方案：

#menu-item-5990 a:hover + .sub-menu,
#menu-item-5237 a:hover + .sub-menu {
display: block;
}