Ver Mensaje Individual
  #6 (permalink)  
Antiguo 05/06/2011, 14:48
Avatar de Ventru3
Ventru3
 
Fecha de Ingreso: noviembre-2010
Ubicación: Disneylandia
Mensajes: 86
Antigüedad: 13 años, 4 meses
Puntos: 13
Respuesta: Problema simple con Link

Es curioso pero me pensaba que el orden de los factores no alteraba el producto, pero se ve que si.

Tu código esta bien, el problema esta en el orden.

He probado con tu código tal cual.
Código CSS:
Ver original
  1. ul#nav li a:link {
  2.       color: #999;
  3. }
  4.  
  5. ul#nav li a:hover {
  6.       color: #ffffff;
  7. }
  8.  
  9. ul#nav li a:visited {
  10.       color: #999;
  11. }
  12.  
  13. ul#nav li a:active {
  14.       color: #ffffff;
  15. }

Resultado: Antes de pulsar el link todo va perfecto, una vez pulsado el color declarado en el a:visited queda por encima dejando inutilizado el a:hover.

Un cambio de orden de tu mismo código.
Código CSS:
Ver original
  1. ul#nav li a:link {
  2.       color: #999;
  3. }
  4.  
  5. ul#nav li a:visited {
  6.       color: #999;
  7. }
  8.  
  9. ul#nav li a:hover {
  10.       color: #ffffff;
  11. }
  12.  
  13. ul#nav li a:active {
  14.       color: #ffffff;
  15. }

Resultado: Antes y después de pulsar el link el a:hover funcionan perfectamente.

Mi conclusión es que el explorador lee el código de una forma lineal por lo que el problema estaba en que una vez pulsado el link no había propiedad a:hover porque estaba encima así que no cambiaba el color.