如何在css中显示子菜单时隐藏主菜单

Question

我正在为网站创建侧边栏菜单，该菜单应该只显示当前所选页面中的子菜单。该网站是wordpress。我已设法隐藏未使用此css选择的页面的非活动子菜单项：

    .sub-menu { display: none; }
    .current_page_item .sub-menu, .current_page_parent .sub-menu { display: block;}

但是如何隐藏主菜单项但仍显示其子菜单？这是a link to the site注意：我想隐藏所有主菜单项，以便我只有子菜单

非常感谢帮助！

Answer 1

这将隐藏当前项目锚点。

.current_page_item > a {display:none;}

（您可能需要根据您要查看的外观调整子项目的左边距。）