Pseudo-klasa hover

Pseudo-klasa hover zadaje stilove za link preko kojeg prelazimo mišem. Ova pseudo-klasa se obično primenjuje zajedno sa pseudo-klasama link, visited i active.

Sintaksa

cssa:hover {
  
}

Primer

Neposećeni link će biti crvene boje, posećeni - plave. Ako pređete mišem preko njega - postaće zelene boje, a ako pritisnete levi taster miša i držaćete ga - postaće crne boje (stanje active):

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

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

Результат:

Pogledajte takođe