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

Lo Más Popular