Bom Dia! É possível alterar o elemento pai dando hover no filho? Por exemplo, tenho o seguinte:
nav {border:2px solid red}
nav ul li {color:#fff}
nav ul li a:hover {background-color:#ccc}
nav ul li a:hover nav {border:2px solid black}
<nav>
<ul>
<li> <a href="#">Teste</a> </li>
<li> <a href="#">Teste</a> </li>
</ul>
</nav>
Ao passar o mouse no <a>
, quero que a <nav>
mude a cor da borda.
Já li algo sobre não ser possível pegar o elemento pai e que isso estará disponível no css 4. Caso seja realmente verdade, como posso fazer isso por js?