看起来你可能把:active CSS pseudo class 和一个实际的.active 班伪类表示用户正在激活的元素。它不是活动页面。

如果要使用active 类，您可以使用nav_menu_css_class 要添加到导航菜单类的过滤器。

function wpse_nav_menu_css_class( array $classes, $item, $args, $depth ) {
  if( in_array( \'current-menu-item\', $classes ) ) {
    $classes[] = \'active\';
  }
  return $classes;
}
add_filter( \'nav_menu_css_class\', \'wpse_nav_menu_css_class\', 10, 4 );

.main-navigation, #primary-menu .active a {
    color: #4d4d4d !important;
}

.main-navigation, #primary-menu .current-menu-item a {
    color: #4d4d4d !important;
}

您的代码中没有.active，您只有。主导航li。当前\\u page\\u项目a

因此，这应该解决这个问题：

.main-navigation li:hover a { color: #4d4d4d; }
.main-navigation li.current_page_item a { color: #4d4d4d; }