No puedes tener un
:hover
para cambiar imágenes. Si acaso estás cambiando un fondo, que sea un fondo con una imagen es diferente a una imagen, sobre todo en HTML/CSS.
:hover
es una pseudo-clase que responde ante una acción, luego existir sólo existe una acción. Pero la pseudo-clase como tal puedes usarlas tantas veces necesites.
Puedes afectar a cada elemento de esta forma:
Código CSS:
Ver originaldiv.algo:hover p {
color: red;
}
div.algo:hover strong {
color: blue;
}
div.algo:hover ~ div.otracosa {
color: brown;
background: #ddd;
}
div.algo:hover + div.otracosa {
color: gold;
}
Son selectores
+
y
~
son selectores de hermanos adyacentes posteriores. El primero selecciona el elemento inmediato y el otro todos los elementos que le siguen.
Funcionando: