Cómo Cambiar el Color a los Enlaces ya Visitados con CSS

Ya vimos cómo podemos cambiar el color de los enlaces ya visitados, pues ahora veremos cómo podemos cambiarle el color a los enlaces ya visitados utilizando CSS. Este truco lo llevaremos a cabo gracias a Benco de CristaLab.

Primeramente veamos la explicación detallada que nos da Benco acerca de los enlaces:

Los enlaces tienen tres estados: sin visitar (normales), hover (cuando pasamos el cursor del ratón por encima), activos (cuando hacemos clic) y visitados (cuando ya hemos ido a esa dirección). Estos estados se corresponden a pseudoelementos, y podemos cambiar la apariencia de los enlaces con CSS. Sin embargo, algunos navegadores tienen un bug que, dependiendo del orden en el que escribamos las reglas, se mostrará el resultado correctamente o no. ¿Cómo lo solucionamos? Pues LoVe/HAte. Es un mnemotécnico que nos ayudará a recordar el orden en el que estas reglas funcionan bien en cualquier navegador. Esta es la explicación que nos da benco en el post original.

Para poner este truco con CSS en tu blog ve a Diseño > Edición de HTML > y justo antes de ]]></b:skin> pega el siguiente código:

/* links normales */
a:link {
text-decoration: none;
color: #00a;
}
/* visitados */
a:visited {
color: #a00;
}
/* hover */
a:hover {
text-decoration: underline;
}
/* activos */
a:active {
font-weight: bold;
}

El efecto que producirá este código es que los enlaces se verán azul marino y sin subrayado, el subrayado se verá cuando pasas el cursor por encima y se pone en negrita cuando haces clik en el enlace, además cuando ya has visitado el enlace se pone de color granate.

Configuración

Cambia el código que está en color rojo por el código del color que más te guste o que combine con tu plantilla, les dejo un completo generador de códigos de colores.
Cambia el código que está en color azul por el código del color que quieres que tengan los enlaces ya visitados.

Vía | CristaLab