Ver Mensaje Individual
  #2 (permalink)  
Antiguo 22/07/2014, 03:02
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: varios hover en el mismo

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.

Código HTML:
Ver original
  1. <div class="algo">
  2.   <p>Hola</p>
  3.   <strong>¿Qué tal?</strong>
  4. </div>
  5. <div class="otracosa">Adios</div>
  6. <div class="otracosa">Adios</div>
  7. <div class="otracosa">Adios</div>
  8. <div class="otracosa">Adios</div>

Puedes afectar a cada elemento de esta forma:

Código CSS:
Ver original
  1. div.algo:hover p {
  2.   color: red;
  3. }
  4.  
  5. div.algo:hover strong {
  6.   color: blue;
  7. }
  8.  
  9. div.algo:hover ~ div.otracosa {
  10.   color: brown;
  11.   background: #ddd;
  12. }
  13.  
  14. div.algo:hover + div.otracosa {
  15.   color: gold;
  16. }

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: