我有以下(简化的)HTML语言
<ul class="sidenav">
<li class="tree-node">
<a href="url">
<span class="submenu-toggle-container">Text</span>
</a>
<ul class="accordion-menu">
<li class="HideMenu">.......</li>
</ul>
</li>
<li class="tree-node">...</li>
</ul>
当sibling 项为ul li.HideMenu
时,我try 使用css来隐藏.submenu-toggle-container
范围.
我已经能够使用jQuery代码来实现这一点
$('ul.sidenav li.HideMenu').parent('ul').siblings('a').children('.submenu-toggle-container').hide();
但这对我的项目来说并不是最优的,我更愿意使用CSS来实现这一点.
我的try 包括
ul.sidenav li.HideMenu ~ ul a .submenu-toggle-container {
display: none;
}
但这并不管用.
如有任何帮助,我们不胜感激.