: link - CSS-Tricks | CSS Almanac 2025

O :linkseletor é uma pseudoclasse que tem como alvo todos os elementos anchor ( ) não visitados em uma página.

a:link ( color: aquamarine; )

O exemplo acima mudará a cor de todos os links não visitados para água-marinha.

Quando usado em combinação com a :hoverpseudo classe, :linkdeve aparecer primeiro, ou então não ser definido de forma alguma, para que os :hoverestilos funcionem. Isso ocorre porque eles são igualmente específicos, portanto, se :linkviessem depois, esses estilos substituiriam os estilos de foco.

A :linkpseudoclasse terá como alvo todos os elementos que possuem um hrefatributo, mesmo se o hreftiver um valor vazio. Nesse sentido, é como o seletor de atributos (href).

Isso significa que os três elementos HTML a seguir podem ser estilizados por meio da :linkpseudoclasse:

CSS-Tricks CSS-Tricks CSS-Tricks

O terceiro exemplo no bloco de código acima, entretanto, seria HTML inválido.

Existem apenas três elementos HTML que aceitam o hrefatributo: , , e . Apenas o elemento pode ser estilizado por meio da :linkpseudoclasse.

Além disso, você não pode adicionar o hrefatributo a outro tipo de elemento e torná-lo passível de estilo por meio de :link. Em outras palavras, se você tivesse o seguinte HTML:

 CSS-Tricks

O seguinte CSS não teria efeito:

div:link ( color: aquamarine; )

Novamente, o HTML falharia na validação, uma vez que hrefnão é um atributo válido para .

Como :linkpodem ser direcionados apenas a elementos, os :linkestilos podem ser definidos no CSS sem o seletor de tipo de elemento, como este:

:link ( color: aquamarine; )

Além disso, para todos os fins práticos ao usar HTML, a :linkpseudoclasse é um tanto irrelevante, já que o mesmo efeito pode ser alcançado simplesmente direcionando todos os elementos diretamente:

a ( color: aquamarine; )

No entanto, se houver algum elemento na página que não tenha o hrefatributo definido (por exemplo, em páginas legadas que o usavam ), o código acima direcionaria esses elementos também, e esse pode não ser o resultado desejado.

Também deve ser destacado que, a partir do CSS2, outras linguagens de documento (além do HTML) podem definir outros elementos, além das âncoras, que podem ser estilizados por meio da :linkpseudoclasse.