Pseudo-classe :visited


A pseudo-classe :visited é utilizada para selecionar e estilizar links que já foram visitados pelo usuário. Esta pseudo-classe é frequentemente aplicada em conjunto com as Pseudo-classe LINK e Pseudo-classe HOVER para criar diferentes formas visuais para links em várias estados 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 já tiver sido visitado:

a:visited {
  color: #800080; /* Roxo */
  text-decoration: line-through;
}

Neste exemplo, o link será exibido em roxo e com uma linha cortada quando o usuário já o tiver visitado anteriormente.

Referências