Pseudo-clases para enlaces

Os navegadores normalmente visualizan de forma diferente os enlaces (links) visitados dos non visitados. En CSS esta visualización pódese definir a través de pseudo-clases:

a:estadoLink{
propiedade1:valor1;
...
propiedadeN:valorN;
}

Estados dos links:

link - Enlace que non foi explorado polo usuario.
visited - Enlace visitado.
focus - Enlace co foco do sistema.
hover - Enlace co punteiro do rato encima pero non seleccionado.
active - Enlace seleccionado co rato.

NOTA: Se tes problemas especificando estilos para os links, ten en conta que as regras de estilo deben de seguir a orde especificada na lista anterior.

Exemplo de regras de estilo:

a.enlace:link { color: red; }
a.enlace:visited { color: blue;}
a.enlace:hover {color: green; }
a.enlace:active { color: lime; }

Exemplo de código:

<p>Pulsa primeiro este 
<A class=enlace href="exemplo_pseudo_class_enlace.html">enlace</A> e comparao co estado deste 
<A class=enlace href="exemplo_pseudo_class_enlace2.html">enlace</A>. 

Visualización:

Pulsa primeiro este enlace e comparao co estado deste enlace.

As pseudo-clases poden ser usadas con selectores contextuais ou combinadas con clases normais tal e como se ve no seguinte exemplo de regras de estilo:

a:link img { color: red; }
a.externo:visited { color: green;}

A primeira regra provoca que os enlaces das imaxes sexan vermellos e a segunda regra que os enlaces que teñan class="externo" e estén visitados sexan de color verde.

Seguinte