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

Publicar un comentario

Popular Posts

Convertir Codigo HTML a Texto Plano

Imagen
Vamos a conocer un truco muy sencillo pero muy útil, se trata de convertir código HTML a texto plano . En el caso de agregar un  widget  desde diseño, el código puede pegarse en el formato HTML . Pero si se agrega desde código debe cambiarse a texto plano. Convertir HTML a Texto Plano El siguiente enlace es el más recomendado, lo usamos con frecuencia y funciona muy bien. Proporcionado por los amigos de Ciudadblogger . http://www.ciudadblogger.com/p/conversor-de-html-texto-plano.html Pegamos el código del  widget  en la caja de texto y le damos al botón " Convertir a texto plano ", el código resultante es el que se incorpora dentro código de plantilla. Sitios Para Convertir Código HTML a Texto Plano Estamos generando un listado de todos los sitios disponibles que podemos revisar a continuación, la finalidad es la misma, pasar código HTML a texto plano y poder insertarlo en plantillas worpress o blogger donde fuera necesario. la utilidad más común es para convert...
Leer más

Print Error 0X000003e3

Imagen
Print Error 0X 000003e3 The machine was printing ok. Something messed up the print share machine ( \\192.168.0.190 ) had to reinstall the drivers for printer. When I Open the network share  \\192.168.0.190  to the shared printer Double click to the shared printer the following appears The after click after clicking install driver Then the following error appears Solution Enter the following into the run box,by combining Windows key + R .then enter rundll32.exe keymgr.dll, KRShowKeyMgr Added print share machine and an account with rights to access the print share machine    I repeated the  process to add the printer that is shared on   \\192.168.0.190  and voila . A working print share. Fuente: http://teqsupportit.blogspot.com/2012/11/print-error-0x000003e3.html
Leer más

FSearch, Similar o equivalente a Everything para linux

Imagen
Me ha llamado mucho la atención el programa  FSearch , una herramienta similar a  Everything Search Engine pero diseñada para Linux. Por el momento está en fase beta, pero el programa ya es funcional y muy potente. Sé que muchos estarán pensando en el comando  find  de la consola, pero tener una opción gráfica como alternativa a la terminal siempre es bueno.  FSearch está programado en C y nos ofrece multitud de opciones a la hora de realizar las búsquedas de archivos o carpetas. Características de FSearch y funcionalidades destacadas. Lo que más llama la atención, es que  los resultados de búsqueda aparecen de forma instantánea o casi instantánea a medida que escribimos . Esto supone un ahorro de tiempo y una mejor experiencia de uso si lo comparamos con otras herramientas. Otras características disponibles en FSearch para Linux son: Posibilidad de  uso de expresiones regulares . Podemos usar caracteres comodín y usar expresiones regulares para dar un...
Leer más