css - 李父仅在特定页面中更改颜色

我有一个使用自适应主题在wordpress中实现的网站，我所有的自定义样式和php文件都在一个子主题中。

当您将鼠标悬停在“ Learn More”导航的任何子li上时，问题出在主导航中，“ Learn More” li正在破坏并更改颜色，并且它的左边界线也变松了。奇怪的是，它只出现在网站的2页上：

https://presslock.org/about/和https://presslock.org/faq/

但是在其他页面上，它运行良好。

谢谢，任何帮助将不胜感激

最佳答案

快速修复：只需从style.css文件中删除类custom-menu-item的所有样式即可。删除这两个部分：

.menu .current_page_item a,.menu .current-menu-item a{background-color:#343434;}

和

.current-menu-item a{background-color:#F6BC01;background-image:-moz-linear-gradient(top,#F6BC01,#F5E09A,#F6BC01);background-image:-webkit-linear-gradient(top,#F6BC01,#F5E09A,#F6BC01);background-image:-o-linear-gradient(top,#F6BC01,#F5E09A,#F6BC01);background-image:-ms-linear-gradient(top,#F6BC01,#F5E09A,#F6BC01);background-image:linear-gradient(top,#F6BC01,#F5E09A,#F6BC01);}

如果您对此问题的原因感兴趣，如KnowhowSolutions所述，则在某些情况下，问题出在css属性中。当当前页面是此菜单项时，将鼠标悬停在菜单项的子级上时，将应用custom-menu-item的属性。当您将鼠标悬停在“资源”的子级上时，也会在https://presslock.org/stats/页上发生这种情况。

希望这对我的英语有所帮助。