Links visitados no cambien de color

Links visitados no cambien de color

descarga

Tienes que usar pseudoclases.

Por ejemplo, en tu caso sería usar visited.

Sería algo así:

Código css:
  1. a:visited {
  2. }

Tendrías que tener en cuenta también otros, como active, link y hover.

link es el vínculo en reposo (normal).
visited vínculo visitado.
hover al pasar con el mouse por encima.
active es el vínculo activo, cuando haces click sobre el.

Normalmente, para que no hayan problemas, el orden debería de ser link, visited, hover, active (para recordalo, suele decirse que recuerdes LoVe/HAte).

Si quieres que todos tengan siempre el mismo valor, pues podrías usar algo como ésto:

Código css:
  1. a:link,a:visited,a:hover,a:active{
  2. }

Si quieres tener algún efecto al pasar por encima, sacas el hover y lo pones aparte:

Código css:
  1. a:link,a:visited,a:active{
  2. }
  3. a:hover{
  4. text-decoration:underline;
  5. }

Y bueno, si quieres usar alguna clase, pues sería así:

Código css:
  1. a.tuClase:link{
  2. }

 

<style type=”text/css”>
<!–
a:link {
text-decoration: none;
color: #204954;
}
a:visited {
text-decoration: none;
color: #999999;
}
a:hover {
text-decoration: none;
color: #408A9F;
}
a:active {
text-decoration: none;
}
body,td,th {
font-family: Trebuchet MS;
font-size: 12px;
color: #224A55;
}
–>
</style>

Tienes más información en éste enlace sobre pseudo clases.

Loading Facebook Comments ...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *