Pseudo-classe :link
A pseudo-classe :link
é utilizada para selecionar e estilizar links que ainda não foram visitados pelo usuário. Essa pseudo-classe é frequentemente aplicada em conjunto com a Pseudo-classe HOVER e Pseudo-classe VISITED para criar diferentes visualizações para links em várias fases de interação.
Exemplo
Considere o seguinte código HTML:
<h1>Lorem, ipsum.</h1>
<p>
Lorem ipsum dolor <a href="#">sit amet</a>, consectetur adipisicing elit. Cupiditate quos
nobis labore nemo, laborum ipsa deleniti ut dolor doloremque laudantium?
</p>
O código CSS abaixo aplicará estilos específicos quando o link não tiver sido visitado:
a:link {
color: #0077cc; /* Azul */
text-decoration: underline;
}
Neste exemplo, o link será exibido em azul e com um sublinhado quando o usuário ainda não o tiver visitado.