problemas con el a.hover

[Logic]

Hola,
el problema que tengo es el siguiente, he definido un estilo para un enlace:

a:link.salir { color: #0066CC; text-decoration: none; font-size: 7pt; }
a:hover.salir { color: #FF0000; text-decoration: underline; font-size: 7pt; }
a:visited.salir { color: #0066CC; text-decoration: none; font-size: 7pt; }

Hasta ahi todo funciona bien, lo que pasa es que cuando se ha visitado el enlace el .hover deja de funcionar, por que puede ser??? me falta algo???

[JavierB]

Hola, Logic.

Te contesto de memoria, pero creo que la solución es poner el visited antes del hover:

a:link.salir { color: #0066CC; text-decoration: none; font-size: 7pt; }
a:visited.salir { color: #0066CC; text-decoration: none; font-size: 7pt; }
a:hover.salir { color: #FF0000; text-decoration: underline; font-size: 7pt; }

Espero que mi memoria no me haya fallado demasiado. Saludos,

[Aleph]

Exacto, como bien dice JavierB, debés poner las pseudoclases en ese orden. Por eso se llaman "estilos en cascada", porque heredan las propiedades.

Saludos.

[Logic]

exacto, era eso
ahora funciona perfectamente.

Muchas gracias