Pseudo-classe :visited CSS

Definizione e uso

CSS :visited Le pseudo-classe vengono usate per impostare gli stili dei collegamenti visitati.

Suggerimento:Usa :link Imposta lo stile del collegamento per la pagina non visitata, usando :hover Imposta lo stile del collegamento quando il mouse è sopra di esso, usando :active Imposta lo stile del collegamento quando viene cliccato.

Attenzione:Per impostare correttamente gli stili dei collegamenti, usa :visited le regole vanno messe :link dopo le regole, ma prima di :hover e :active prima delle regole.

Stili ammessi includono:

• colore
• colore-sfondo
• colore-bordo (e i lati del colore-bordo)
• colore-contorno
• column-rule-color
• text-decoration-color
• text-emphasis-color
• Proprietà SVG fill e stroke

Esempio

Esempio 1

Seleziona e imposta gli stili per i collegamenti visitati:

a:visited {
  color: pink;
}

Prova personalmente

Esempio 2

Seleziona e imposta gli stili per i collegamenti non visitati, visitati, hover e attivi:

/* Collegamento non visitato */
a:link {
  color: green;
}
/* Collegamento visitato */
a:visited {
  color: green;
}
/* Collegamento hover */
a:hover {
  color: red;
}
/* Collegamento attivo */
a:active {
  color: yellow;
}

Prova personalmente

Esempio 3

Imposta stili diversi per i collegamenti:

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

Prova personalmente

Sintassi CSS

:visited {
  declarazioni css;
}

Dettagli tecnici

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente la pseudo-classe.

Pagine correlate

Tutorial:Collegamento CSS

Tutorial:pseudo-classe CSS