Cita:
Iniciado por mariomon17 Pero algo no puede ser hermano y no necesariamente adyacente, verdad?
Por ejemplo:
Aqui dos es adyacente de uno, pero tres no es adyacente y si hermano, o estoy equivocado?
Aqui como se podria hacer para cambiar alguna propiedad de tres. al pasar sobre .uno
Gracias!
En tu ejemplo los div uno,dos,cinetnido y tres son todos adyacentes (o hermanos). Para hacer lo que quieres te pongo un ejemplo:
Código HTML:
<html>
<head>
<style type="text/css">
.uno {background:#0FF;
}
.dos {background:#FF9
}
.cinetnido {background:#DDD
}
.tres {background:#CC6
}
.uno:hover + .dos + .cinetnido + .tres {background:#66F}
</style>
</head>
<body>
<div class="uno">UNO</div>
<div class="dos">DOS</div>
<div class="cinetnido">
<img><p><p>
</div>
<div class="tres">TRES</div>
</body>
</html>
Lo he probado en cuatro navegadores y curiosamente no me funciona en chrome, pero si en explorer, firefox y opera. ¿Alguien sabe por qué?
No obstante te recomiendo la web de consulta que a su vez nos indicó kseso, donde puedes aclarar muchos conceptos: http://www.librosweb.es/
Un saludo.