Ver Mensaje Individual
  #13 (permalink)  
Antiguo 02/01/2011, 12:46
prozaius
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: problemas con :hover

Cita:
Iniciado por mariomon17 Ver Mensaje
Pero algo no puede ser hermano y no necesariamente adyacente, verdad?

Por ejemplo:
Código HTML:
Ver original
  1. <div class="uno"></div>
  2. <div class="dos"></div>
  3.  
  4. <div class="cinetnido">
  5.   <img><p><p>
  6. </div>
  7.  
  8. <div class="tres"></div>

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.