CSS : selettore link
Esempio
Seleziona e imposta i link non visitati:
a:link
{
background-color: yellow;
}
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
Il :link
selettore serve per selezionare i link non visitati.
Nota: il selettore :link non applica uno stile ai link che hai già visitato.
Suggerimento: usa il selettore :visited per definire lo stile dei collegamenti alle pagine visitate, il selettore :hover per definire lo stile dei collegamenti quando ci passi sopra con il mouse e il selettore :active per definire lo stile dei collegamenti quando fai clic su di essi.
Versione: | CSS1 |
---|
Supporto del browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente il selettore.
Selector | |||||
---|---|---|---|---|---|
:link | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Sintassi CSS
:link {
css declarations;
}
Altri esempi
Esempio
Seleziona e imposta lo stile dei link non visitati, visitati, al passaggio del mouse e attivi:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
Esempio
Collegamenti di stile con stili diversi:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Pagine correlate
Tutorial CSS: collegamenti CSS
Tutorial CSS: CSS Pseudo classi