在a中previous question 我问了(后来又解决了)如何设置子菜单的样式,我想用另一个与子菜单样式相关的问题来扩展它。
我遇到了一个问题,如果父页面是所选的所有子页面都采用相同的样式,我相信这是因为current-menu-item
类被添加到父li。
如果选择了子元素,则仅高亮显示子元素(这是正确的)
以前有人遇到过这种情况吗?只突出显示所选页面而不突出显示该页面的子元素的最佳方式是什么?
根据要求,以下是被调用以突出显示子菜单的CSS。
.current-page a, .current-menu-item a {
background-color: #EE8833;
}
最合适的回答,由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或类。