我有一个使用响应式主题在 wordpress 中实现的网站,我所有的自定义样式和 php 文件都在子主题中。
当您将鼠标悬停在“了解更多”导航的任何子 li 上时,问题出在主导航中,“了解更多”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/ 上如果您注意到,当您将鼠标悬停在“资源”的子项上时页面。
希望这对我有所帮助,请原谅我的英语。
关于css - 父级 li 仅在特定页面更改颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18709929/