Pseudo-classe :link CSS

Definição e uso

CSS :link As pseudo-classes são usadas para escolher e definir os estilos das ligações não visitadas.

Atenção::link As pseudo-classes não definem o estilo das ligações visitadas.

Dica:Usar :visited Defina o estilo das ligações de páginas visitadas, usando :hover Defina o estilo das ligações ao passar o cursor, usando :active Defina o estilo das ligações ao clicar.

Atenção:nas definições CSS,:link Deve ser colocado :hoverantes de serem aplicados!

Exemplo

Exemplo 1

Escolha e defina os estilos das ligações não visitadas:

a:link {
  background-color: yellow;
}

Experimente você mesmo

Exemplo 2

Escolha e defina os estilos das ligações não visitadas, visitadas, com cursor suspenso e ativas:

/* Ligações não visitadas */
a:link {
  color: green;
}
/* Ligações visitadas */
a:visited {
  color: green;
}
/* Ligações com o cursor suspenso */
a:hover {
  color: red;
}
/* Ligações ativas */
a:active {
  color: yellow;
}

Experimente você mesmo

Exemplo 3

Defina estilos diferentes para as ligações:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Experimente você mesmo

Sintaxe CSS

:link {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa pseudo-classe.

Páginas relacionadas

Tutorial:Ligações CSS

Tutorial:Pseudo-classes CSS