Seletor :visited do CSS

Definição e uso

CSS :visited As pseudo-classes são usadas para definir estilos para links visitados.

Dica:Usar :link Definir o estilo do link para a página não visitada, use :hover Definir o estilo do link ao passar o mouse, use :active Definir o estilo do link ao clicar.

Atenção:Para definir corretamente os estilos dos links, por favor coloque :visited as regras são colocadas :link depois das regras, mas antes de :hover e :active antes das regras.

Estilos permitidos incluem:

• cor
• cor de fundo
• cor da borda (e de cada lado da borda)
• cor da contorno
• column-rule-color
• text-decoration-color
• text-emphasis-color
• Atributos SVG fill e stroke

Exemplo

Exemplo 1

Escolher e definir estilos para links visitados:

a:visited {
  color: pink;
}

Experimente você mesmo

Exemplo 2

Escolher e definir estilos para links não visitados, visitados, ao passar o mouse e ativos:

/* Link não visitado */
a:link {
  color: green;
}
/* Link visitado */
a:visited {
  color: green;
}
/* Link ao passar o mouse */
a:hover {
  color: red;
}
/* Link ativo */
a:active {
  color: yellow;
}

Experimente você mesmo

Exemplo 3

Definir estilos diferentes para os links:

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

Experimente você mesmo

Sintaxe CSS

:visited {
  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-classes.

Páginas relacionadas

Tutorial:CSS Links

Tutorial:Seletor pseudo-classes CSS