Pseudo-classe :any-link do CSS

Definição e Uso

CSS :any-link O pseudo-classe é usado para escolher e definir estilos para os elementos que são os pontos de origem dos links de hipertexto.

Este pseudo-classe funciona independentemente de o link já ter sido visitado ou não.

Portanto, este pseudo-classe se aplica a todos os elementos que possuam a propriedade href <a> ou <area> Elemento.

Exemplo

Exemplo 1

Selecione e defina estilos para todos os elementos <a> que tenham a propriedade href:

a:any-link {
  background-color: amarelo;
  color: marrom;
}

Experimente você mesmo

Exemplo 2

Defina estilos para todos os elementos <a> que tenham a propriedade href. Além disso, defina estilos de link com base no estado (passivo, ativo, não visitado, etc.):

a:any-link {
  background-color: amarelo;
  color: marrom;
}
a.ex1:hover, a.ex1:active {
  color: vermelho;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Experimente você mesmo

Sintaxe CSS

:any-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 esse pseudo-classe.

Páginas Relacionadas

Tutorial:Link CSS

Tutorial:Botão CSS

Tutorial:Classe Pseudo