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

cssa: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):

html<a href="#">link</a>

cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

Vedi anche