CSS - Pseudo classe: link

Descrição

A pseudo classe : link é usada para adicionar um efeito especial a um link não visitado.

Ao definir pseudo-classes em um bloco <style> ... </style>, os seguintes pontos devem ser tomados cuidado -

  • a: hover DEVE vir depois de um: link e a: visitado na definição de CSS para ser eficaz.

  • a: active DEVE vir após a: hover na definição de CSS para ser eficaz.

  • Os nomes das pseudoclasses não diferenciam maiúsculas de minúsculas.

  • As pseudoclasses são diferentes das classes CSS, mas podem ser combinadas.

Valores possíveis

  • color - Qualquer valor de cor válido.

Aplica-se a

Elemento âncora / link.

Exemplo

A seguir está o exemplo que demonstra como usar : link class para definir a cor do link.

<html>
   <head>
      <style type = "text/css">
         a:link {color:#000000}
      </style>
   </head>

   <body>
      <a href = "/html/index.htm">Black Link</a>
   </body>
</html>

Isso produzirá o seguinte link preto -