Pseudo-classe :hover
La pseudo-classe :hover definisce gli stili per
un link quando ci passiamo sopra il mouse.
Di solito questa pseudo-classe viene applicata insieme
alle pseudo-classi :link,
:visited
e :active.
Sintassi
a:hover {
}
Esempio
Un link non visitato sarà di colore rosso, un link visitato - azzurro. Se ci passi sopra il mouse - diventerà verde, e se premi e tieni premuto il tasto sinistro del mouse - diventerà nero (stato active):
<a href="#">link</a>
a:link {
color: red;
}
a:visited {
color: blue;
}
a:hover {
color: green;
}
a:active {
color: black;
}
:
Vedi anche
-
la pseudo-classe
:link,
che definisce lo stile per un link non visitato -
la pseudo-classe
:visited,
che definisce lo stile per un link visitato -
la pseudo-classe
:active,
che definisce lo stile per un link al momento dell'attivazione -
la pseudo-classe
:focus,
che definisce lo stile per un link quando è in focus
