Você pode modificar os CSs de uma classe diferente em Hover?

Muitos desenvolvedores encontram a necessidade de modificar o CSS de um elemento quando outro elemento não relacionado é pairado. Somente o CSS apresenta limitações para conseguir isso, provocando a exploração de soluções em potencial. CSS que você deseja modificar (f) é um elemento filho do elemento pairado (e), use:

. Item: hover .wrapper { / * Modificações CSS para elemento F */ }

se f não é um filho de e, mas um irmão posterior ou seu descendente no DOM (aparecendo ~. / * Modificações CSS para elemento F */ }

1. javascript alternative

   .item:hover .wrapper {
       /* CSS modifications for element F */
   }

Embora o javascript seja geralmente desencorajado para tais tarefas simples, ele oferece uma abordagem alternativa:
2. document.getElementsByClassName ('wrapper') [0] .style.backgroundColor = "url ('alguns url')"; };