No puedes retroceder en el DOM con puro CSS.
Al hacer :hover
de un elemento, tienes acceso a sus descendientes directos, a sus hermanos y sus descendientes (de los hermanos), pero no puedes ir atrás a un hermano del padre de ese elemento.
Encontrarás una excelente explicación en el vínculo del inicio, en inglés.
Dejo un ejemplo de cómo puedes ir a los descendientes de los hermanos, al hacer hover en el padre .navbar
y a los hermanos al hacer hover en el .dropbtn
hijo de este.
Encontrarás más información en selectores CSS (en inglés).
.navbar {
color: black;
background-color: lightgrey;
}
.navbar .dropbtn {
color: white;
}
.navbar2 {
display: none;
}
.navbar:hover {
color: blue;
background-color: grey;
}
.navbar:hover ~ .navbar2 {
display: block;
}
.navbar:hover ~ .navbar2 .dropbtn {
color: red;
}
.navbar .dropbtn:hover {
color: black;
}
.navbar .dropbtn:hover ~ a {
color: pink;
}
<div class="navbar">
<a class= "dropbtn">Prueba</a>
<a>Test</a>
</div>
<div class="navbar2">
<a class= "dropbtn">Prueba2</a>
<a>Test2</a>
</div>