Usando CSS podemos aplicar reglas diferentes a los enlaces que ya han sido visitados y a los que no lo han sido todavía. IE muestra, por defecto, los enlaces sin visitar en azul y los visitados en morado. Firefox no diferencia y muestra los dos estados en azul.

Pero, ¿cómo sabe en navegador que hace una semana alguien pinchó en un enlace determinado?

No es mágia, simplemente examina la caché, que es donde se almacenan todas las páginas que vamos viendo, durante un tiempo determinado. Si la página a la que apunta el enlace aparece en la caché entonces es que ya ha sido visitado. Fácil ¿verdad?

Bien, pues estos dos estados, visitado y no-visitado son excluyentes entre si (o uno o el otro) y se controlan mediante las pseudo-clases :link y :visited.

Veamos un ejemplito.

En XHTML, se consideran enlaces al contenido de una etiqueta donde aparezca el atributo href, como aquí:

Con la primera regla, quitamos el subrayado de los enlaces, la segunda muestra los vinculos sin visitar en un gris oscuro y la tercera los visitados en rojo oscuro.

Poco más, a mí, y es una opinión personal, no me agrada demasiado diferenciar el aspecto de esos dos estados. Creo que un enlace es un enlace, y mostrar un aspecto distinto cuando ha sido visitado rompe un poco la coherencia

Cuestión de gustos.

De todas formas podemos aplicar una regla sencilla si queremos mantener la uniformidad entre el aspecto de los enlaces visitados y no visitados.

Cuando usamos estas pseudo-clases junto con :hover o :active, existe un orden determinado en el que deben aparecer en nuestro código, por cuestiones de cascada, pero hablaremos de ello en su momento.

Problemas con Internet Explorer

Ooops, No hay. Esta vez todo funciona perfectamente.
Será la costumbre.