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

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

1 个答案: