自定义菜单和子菜单的样式问题

时间:2011-08-09 作者:Toby

在a中previous question 我问了(后来又解决了)如何设置子菜单的样式,我想用另一个与子菜单样式相关的问题来扩展它。

我遇到了一个问题,如果父页面是所选的所有子页面都采用相同的样式,我相信这是因为current-menu-item 类被添加到父li。

如果选择了子元素,则仅高亮显示子元素(这是正确的)

以前有人遇到过这种情况吗?只突出显示所选页面而不突出显示该页面的子元素的最佳方式是什么?

根据要求,以下是被调用以突出显示子菜单的CSS。

.current-page a, .current-menu-item a {
    background-color: #EE8833;
}

1 个回复
最合适的回答,由SO网友:Jeremy Jared 整理而成

您可以尝试使用。当前菜单项li a“第一个子选择器。下面是我过去使用的仅突出显示当前菜单项的示例:

#menu .current-menu-item {
background:white; 
}
#menu .current-menu-item li a:first-child { 
color:white!important;
}
#menu .current-menu-item a { 
color:black !important ;
}
您需要将#菜单更改为您的id或类。

结束

相关推荐

Wordpress Custom Menus Issue

在我的模板中,我使用这样的调用来输出一些自定义菜单:<?php wp_nav_menu(array(\'container_class\' => \'secondary-navigation\', \'theme_location\' => \'secondary\')); ?> 自从升级到WordPress 3.1.4后,我就可以获得完整的页面列表,而不是自定义菜单我看到修复程序(通过谷歌)说我应该添加以下内容来修复此问题:\'fallback_cb\' => f