Problema simple con Link

[ppnet]

Gente, que tal.

Tengo un link gris que cuando pasa por arriba el mouse quiero que sea blanco. La primera vez que paso por arriba el mouse se pasa de gris a blanco. EL tema es que cuando aprieto, dsp paso el mouse por arriba del link y queda en gris, no se pasa a blanco

Código CSS:

.submenu2 {
    background-image: url(../images/subsecciones/btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 25px;
    width: 140px;
        color: #999;
    padding-left: 30px;
    padding-top: 10px;
    margin-bottom: 5px;
}
 
 
.submenu2 a:link{
 
    color: #999;
 
}
 
.submenu2 a:hover{
    color: #ffffff;
}
 
.submenu2 a:visited{
    color: #999;
}
 
.submenu2 a:active{
    color: #ffffff;
}
 

Alguien se le ocurre que puede estar pasando?


Saludos

[Ventru3]

A simple vista diría que el problema esta en .submenu2 a:visited, una vez has hecho clic el color del enlace sera el #999.

[ppnet]

Gracias por la respuesta, pero me parece que no entendi.

Tu dices que el problema esta en el visited, pero esta en 999 ...

O sea yo quiero que este en 999 el link y que cuando pase por arriba el mouse sea blanco. Es todo lo que quiero

[Ventru3]

Si si, se lo que quieres.

El problema esta en que cuando tu aun no has pulsado ese link todo va bien porque aun no a entrado en juego el a:visited, pero una vez lo has pulsado permanece por encima de todos el color que le has puesto al a:visited. Estoy intentando ver como arreglarlo pero aun no se me ocurre nada

[ppnet]

El tema es xq nunca pasa esto.. osea es un simple hover.. siempre lo hago,solo que ahora una vez q apreto no anda masss

[Ventru3]

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:

ul#nav li a:link {
      color: #999;
}
 
ul#nav li a:hover {
      color: #ffffff;
}
 
ul#nav li a:visited {
      color: #999;
}
 
ul#nav li a:active {
      color: #ffffff;
}
 

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:

ul#nav li a:link {
      color: #999;
}
 
ul#nav li a:visited {
      color: #999;
}
 
ul#nav li a:hover {
      color: #ffffff;
}
 
ul#nav li a:active {
      color: #ffffff;
}
 

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.

[IsaBelM]

leed esto

[Ventru3]

No sabia que se podían combinar

Pero "mi" estructura es mas guay.

[MasterXNicoX]

Como dicen en inglés... El Orden es Link Visited Hover y Active...
Porqué?? Love and Hate!!