Cambiar color de fondo al pasar el mouse sobre un elemento con CSS

elii01 · 12 Oct 2015

Hola! 😀

Tengo una dudilla y espero que alguien me pueda hechar una mano.

Quiero que cuando hagas overmouse en .book1 a .book2 se le cambie el color de fondo.

Gracias de antemano gente bonita <3

- - - Actualizado - - -

Listo, solucionado 😀

ziney · 12 Oct 2015

Puedes hacerlo con Javascript, pero tambien puedes hacerlo con CSS3 de esta manera:
Al pasar mouse en el elemento de la clase book1 invocas al otro elemento .

HTML:

.book1:hover  ~ .book2 {
background-color: red;
}

Saludos, espero que le haya servido 😉

Delmon · 20 Oct 2015

La solución del amigo de arriba es la ideal, solo recuerda que es compatible para navegadores modernos y para IE9 + :encouragement:

Cambiar color de fondo al pasar el mouse sobre un elemento con CSS

elii01

ziney

Delmon

Temas similares