Cita:
Iniciado por mariomon17 
Tengo una duda, la expongo auqui o si quereis creo un nuevo tema pero creo que la solucion te vendra bien cuando los hagas hermanos (cosa que tampoco tengo muy clara que es).
Tengo dos div's.
Y el codigo CSS es este:
Código CSS:
Ver original.uno {background:#0FF;
}
.dos {background:#FF9
}
.dos:hover .uno {background:#66F
}
Al final que esta mal, no se como hacerlo. Quiero que al pasar por encima de .dos, .uno se cambie el color de fondo.
He de reconocer que gracias a kseso y a mi obstinación estoy aprendiendo un poco más sobre css. He encontrado una solución a lo que propones, aunque haciendo un truquito para que se pueda cumplir la norma de selectores adyacentes, intercambiando las posiciones de los div uno y dos. Funcionar funciona, aunque no sé si habrá alguna manera más elegante.
<html>
<head>
<style type="text/css">
.uno {
background:#FF9;
display:block;
position:absolute;
top:20px;
width:600px
}
.dos {background:#0FF;
display:block;
position:absolute;
width:600px;
top:0px
}
.uno:hover + .dos {background:#66F
}
</style>
</head>
<body>
<div class="uno">DOS</div>
<div class="dos">UNO</div>
</body>
</html>
Saludos.
