【问题标题】:Highlighting the font color of menu item of current page in Wordpress在 Wordpress 中突出显示当前页面菜单项的字体颜色
【发布时间】:2013-04-01 14:23:57
【问题描述】:

我正在尝试突出显示 wordpress 中的当前菜单项。我试过以下代码:

#menu-menu li.current-menu-item a { background-color:#d9707a; }
#menu-menu li.current_page_item a { background-color:#d9707a; }

上面的代码工作正常,但实际上我想做的是通过改变颜色来突出显示,所以我尝试了下面的代码,但它不起作用

#menu-menu li.current-menu-item a { color:#d9707a; }
#menu-menu li.current_page_item a { color:#d9707a; }

您能告诉我如何解决这个问题吗?

【问题讨论】:

    标签: css wordpress


    【解决方案1】:

    我们对您的设置知之甚少,无法知道确切的问题是什么。但在我看来,您的color 样式可能由于样式特异性而被覆盖。

    追踪覆盖color 的样式(使用您的浏览器检查器)并在那里更改(但您需要确认这样做是安全的,因为该样式可能会影响您网站的其他部分) OR,一种在样式中添加!important 标记的快速而肮脏的方法。

    示例:

    #menu-menu li.current-menu-item a { color:#d9707a !important; }
    #menu-menu li.current_page_item a { color:#d9707a !important; }
    

    有关样式特异性的更多信息:

    What are the priorities among CSS selectors
    Understanding CSS selectors

    【讨论】:

    • 太棒了!我很高兴我能帮上忙。如果您觉得合适,请不要忘记标记为答案!
    • 是的,我试图将其标记为我接受的答案,但 stackoverflow 说我必须再等三分钟 :) 再次感谢您的帮助 :)
    • 即使使用 !important,我也遇到了同样的颜色问题。背景颜色有效。
    猜你喜欢
    • 2016-02-25
    • 2014-09-06
    • 2011-10-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-03
    • 1970-01-01
    相关资源
    最近更新 更多