【问题标题】:wordpress submenu css show on parent active and child activewordpress 子菜单 css 在父活动和子活动上显示
【发布时间】:2014-10-11 14:41:24
【问题描述】:

我在我网站的侧边栏中使用 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 对侧边栏菜单通用,而不是“会议菜单”类。

【问题讨论】:

    标签: css wordpress submenu


    【解决方案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;}
    

    【讨论】:

    • 完美!非常感谢!!
    猜你喜欢
    • 2017-06-07
    • 1970-01-01
    • 2023-03-25
    • 1970-01-01
    • 2016-05-03
    • 1970-01-01
    • 2012-12-27
    • 2020-03-20
    • 1970-01-01
    相关资源
    最近更新 更多