Как использовать CSS для выбора элемента «двоюродный брат» [дубликат] ⇐ CSS

[Anonymous]

У меня есть следующий (упрощенный) HTML

Код: Выделить всё

[list]
[*]
[url=url]
Text
[/url]

.......
[/list]

[*]...

Я пытаюсь использовать CSS, чтобы скрыть диапазон .submenu-toggle-container, когда родственным элементом является ul li.HideMenu.
Мне удалось сделать это с помощью кода jQuery

Код: Выделить всё

$('ul.sidenav li.HideMenu').parent('ul').siblings('a').children('.submenu-toggle-container').hide();

но это не оптимально для моего проекта, и я бы предпочел использовать CSS, чтобы это работало.
Мои попытки включают

Код: Выделить всё

ul.sidenav li.HideMenu ~ ul a .submenu-toggle-container {
display: none;
}

но это не работает.
Любая помощь приветствуется.

Подробнее здесь: https://stackoverflow.com/questions/764 ... in-element