Свойства: hover?

Question

[Шахзод Бурибаев]

Как при наведение изменить другой элемент который лежит выше например:

<div class="nav">
            <ul class="menu__list">
              <li> <img src="img/gamburger.png" alt="" class="gamburger"/></li>
              <li>главная</li>
              <li>О нас<img src="img/down.png" alt=""/></li>
              <li>Туры по миру <img src="img/down.png" alt=""/></li>
              <li>Узбекистан<img src="img/down.png" alt="" class="down"/>
<form action="#" method="get" class="menu__search">

.menu__search: hover  >  .menu__list
     display: none

использовал все ( > + ~ )
или использовать JS если да то как? ( я начинающий )

Answer 1

[profesor08]

На CSS никак

document.querySelector("элемент").addEventListener("click", function() {
  document.querySelector("элемент выше").classList.add("is-active");
}

Answer 2

[Сергей]

В css нельзя выбирать элементы, лежащие перед текущим. Однако можно воспользоваться небольшой хитростью и упорядочить элементы с помощью flexbox-свойства order так, чтобы они визуально лежали перед основным элементом, но на самом деле находились после него. Тогда будут работать + или ~.