Css 父li仅在特定页面中更改颜色
我有一个在wordpress中使用响应主题实现的站点,我所有的自定义样式和php文件都在一个子主题中 问题是在主导航中,当您将任何“Learn More”导航的子项li悬停时,“Learn More”li会中断并更改颜色,并且会松开其左侧边界线。奇怪的是,它只发生在网站的两个页面上: 及 但在其他页面上,它运行良好Css 父li仅在特定页面中更改颜色,css,wordpress,Css,Wordpress,我有一个在wordpress中使用响应主题实现的站点,我所有的自定义样式和php文件都在一个子主题中 问题是在主导航中,当您将任何“Learn More”导航的子项li悬停时,“Learn More”li会中断并更改颜色,并且会松开其左侧边界线。奇怪的是,它只发生在网站的两个页面上: 及 但在其他页面上,它运行良好 谢谢,如果您有任何帮助,我们将不胜感激。这些css行应用于hover(加上其他一些,Firebug是检查这些更改的最佳工具) 最后一项不应用背景色,但用黄色背景图像覆盖它。快速修复:
谢谢,如果您有任何帮助,我们将不胜感激。这些css行应用于hover(加上其他一些,Firebug是检查这些更改的最佳工具)
最后一项不应用背景色,但用黄色背景图像覆盖它。快速修复:只需从style.css文件中删除类
自定义菜单项的所有样式。拆下这两个零件:
.menu .current_page_item a,.menu .current-menu-item a{background-color:#343434;}
及
如果您对这个问题的原因感兴趣,正如KnowHowSolutions所述,在某些情况下,问题在于css属性。当您将鼠标悬停在菜单项的子菜单项上,而当前页面是此菜单项时,将应用自定义菜单项的属性。如果您注意到,当您将鼠标悬停在“资源”的子项上时,页面上也会出现这种情况
希望这有助于原谅我的英语 事实上,这很接近,但非常接近。您的渐变仅停留在悬停状态,似乎不应该应用于css中的所有菜单page-id-60 page-id-656 ref.,该菜单是由body中的wp_函数添加的。
.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);}