css - wordpress 子菜单 css 显示父事件和子事件

Question

我在我网站的侧边栏中使用 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;
}

如何使子菜单项在激活时同时显示在顶级页面上，并同时显示在所有子菜单页面上(宴会厅、丽阳陈列室、盛大展览中心、哈瓦那塔功能空间、南塔功能空间)

注意:我在几个不同的页面上有子菜单，所以我需要 css 对侧边栏菜单通用，而不是“ session 菜单”类。

Answer 1

在当前菜单项选择器中添加.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;}