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.

Referências