Pseudo-classe :link CSS

Definizione e uso

CSS :link Le pseudo-classe sono usate per selezionare e impostare gli stili dei link non visitati.

Attenzione::link Le pseudo-classe non impostano lo stile dei link visitati.

Suggerimento:Utilizza :visited Imposta lo stile del link per le pagine visitate, utilizzando :hover Imposta lo stile del link quando il mouse è sopra, utilizzando :active Imposta lo stile del link quando viene cliccato.

Attenzione:Nei definizioni CSS,:link Deve essere messo :hoverprima di essere efficace!

Esempio

Esempio 1

Seleziona e imposta gli stili dei link non visitati:

a:link {
  background-color: yellow;
}

Prova tu stesso

Esempio 2

Seleziona e imposta gli stili dei link non visitati, visitati, sopra il mouse e attivi:

/* Link non visitati */
a:link {
  color: green;
}
/* Link visitati */
a:visited {
  color: green;
}
/* Link sopra il mouse */
a:hover {
  color: red;
}
/* Link attivi */
a:active {
  color: yellow;
}

Prova tu stesso

Esempio 3

Imposta stili diversi per i link:

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

Prova tu stesso

Sintassi CSS

:link {
  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:CSS Link

Tutorial:Pseudo-classe CSS