Как изменить цвет блока вне родителя по ховеру?

Question

[Vadim_Dubrovin]

<nav>
<ul>
<li></li> 
</ul>
</nav>
<button>

Ховер на li

Нужно изменить цвет button при ховере на li.
Как можно это сделать?

Comments

[Softlink]

без js только с :has

[Человек]

Softlink, а почему многие не любят js?
Css жрет меньше ресурсов, чем js ?

[Человек]

Ой-ой, ну что же ты Вадимка делаешь.
Люди здесь для вас 20 лет ответ писали,
а вы не хотите принимать ответ.
Эх, что ж вы люди то делаете =(

Answer 1

[Человек]

Вот результат: https://codepen.io/Viperx/pen/eYKJoOm
Сделал при помощи JS.
Если нужно, чтобы цвет при уходе мышки не сбрасывался,
тогда удаляем эти строчки:

find.addEventListener('mouseout',  function(){
change.style.background = "";
});