Pseudo-klassen hover

Pseudo-klassen hover sätter stilar för en länk som vi hovrar över med musen. Vanligtvis används denna pseudo-klass tillsammans med pseudo-klasserna link, visited och active.

Syntax

cssa:hover {
  
}

Exempel

En obesökt länk kommer att vara röd, en besökt - blå. Om du hovrar över den med musen - kommer den att bli grön, och om du klickar vänster musknapp och håller den nedtryckt - kommer den att bli svart (tillståndet active):

html<a href="#">länk</a>

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

Результат:

Se även