CSS Hacer hover a un objeto y afectar a otro

Me topé con la necesidad de hacer esto y por eso tuve que buscar un poco para saber como se hace.

Aqui esta como:

Si el cubo está directamente en el contenedor:
#container:hover > #cube { background-color: yellow; }
 
Si el cubo es la siguiente (después de los contenedores de la etiqueta de cierre) el contenedor:
#container:hover + #cube { background-color: yellow; }
 
Si el cubo está en algún lugar en el interior del contenedor:
#container:hover #cube { background-color: yellow; }
 
 
Comenta si te ha servido. 

Comentarios

  1. hermoso! me hiciste el día. Lo peor es que uno sabe la teoría pero no lo piensa :)

    ResponderEliminar
  2. excelente, directo al punto sin mucho blah blah, gracias...!

    ResponderEliminar
  3. Hola ¿podrias ponerlo en contexto, por favor? Yo pretendo mover de posicion unos divs cuando realizo hover sobre un texto. Los divs y el texto estan dentro del mismo grupo y estos a su vez en otros gupos.

    ResponderEliminar
  4. Chingon, Muchas gracias!!

    ResponderEliminar
  5. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  6. Grande! en todos lados decian que era imposible

    ResponderEliminar
  7. Excelente! tenia todo el dia buscando eso!

    ResponderEliminar
  8. De maravilla.... sos un capo

    ResponderEliminar
  9. Wow! La sencilles llevada al extremo es elegancia!

    ResponderEliminar

Publicar un comentario

Lo Más Popular