如何自定义当前页面名称在菜单中的显示方式？

Question

我正在尝试自定义wordpress主题上的菜单，以便为用户当前所在页面的名称设置不同的颜色。

现在我的css看起来像这样（它适用于除当前页面名称之外的所有页面名称） -

.navbar-nav li a {
    font-family: georgia;
    font-color: #e7a0c0;
    background-color: #e7a0c0;
}

这就是它现在的样子。我希望“关于我”有粉红色的BG而不是灰色，其余的是白色。即使我可以更改字体和其他所有内容，我也无法出于某种原因更改文本的颜色。

Answer 1

使用此

li.current-menu-item a {

font-family: georgia;
font-color: #e7a0c0;
background-color: #e7a0c0;

}

Answer 2

在HTML菜单项中，您会发现活动类是＆＃34; .current-menu-item＆＃34;。 如果没有尝试使用Wordpress built-in function来显示菜单：

wp_nav_menu( array $args = array() )

  

我想要＆＃34;关于我＆＃34;有粉红色的BG而不是灰色的

在CSS文件中，添加：

.navbar-nav li.current-menu-item a{
   background-color: #e7a0c0;}

  

其余为白色

.navbar-nav li a{
   background-color: #fff;}

  

即使我可以更改字体和其他所有内容，我也无法出于某种原因更改文本的颜色。

这是因为您使用的是font-color而不是color，所以请改用

.navbar-nav li a {
  font-family: georgia;
  color: #e7a0c0;
  background-color: #fff;
}