wordpress子菜单css显示父母活跃和孩子活跃

时间:2014-08-18 16:02:18

标签: css wordpress submenu

我在网站的侧边栏中使用WordPress菜单。我想在我的网站上有二级子项目,只有在选择父菜单项时才显示。

http://tropicana.net/dev2014/meetings/function-space/

我能够使用此css使功能空间子项仅在您进入功能空间页面时显示。但是,当你进入二级页面(例如舞厅)时,这些子菜单项会再次消失。

div.custom-sidebar .menu li ul {
     display:none;
}

div.custom-sidebar .menu li.current_page_item > ul,
.menu li.current-menu-item > ul {
     display:block;
}

如何在活动时在顶级页面上以及所有子菜单页面上显示子菜单项 (宴会厅,tropicana展厅,大型展览中心,哈瓦那塔功能空间,南塔功能空间)

注意:我在几个不同的页面上有子菜单,所以我需要css是侧边栏菜单的通用,而不是"会议 - 菜单"类。

1 个答案:

答案 0 :(得分:0)

将.current-menu-ancestor添加到当前菜单项选择器,如下所示:

div.custom-sidebar .menu li.current_page_item > ul, 
div.custom-sidebar .menu li.current-menu-ancestor > ul, 
.menu li.current-menu-item > ul, 
.menu li.current-menu-ancestor > ul {display:block;}