css - 在Wordpress中突出显示当前页面菜单项的字体颜色

Question

我正在尝试突出显示 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; }

你能告诉我如何解决这个问题吗？

Answer 1

我们对您的设置了解不多，无法确定确切的问题所在。但在我看来，您的 color 样式可能由于样式特异性而被覆盖。

追踪覆盖 color 的样式(使用您的浏览器检查器)并在那里更改它(但您需要确认这样做是安全的，因为该样式可能会影响您网站的其他部分)或，将 !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