Pseudoklass hover

Pseudoklass hover määrab stiilid lingile, millele hiirekursori hõljutame. Tavaliselt rakendatakse seda pseudoklassi koos pseudoklassidega link, visited ja active.

Süntaks

cssa:hover {
  
}

Näide

Külastamata link on punase värviga, külastatud link on helesinise värviga. Kui hõljutad selle kohal hiirekursori - muutub link roheliseks, ja kui vajutad vasakut hiirenuppu ja hoiad seda all - muutub link mustaks (olek active):

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

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

Результат:

Vaata ka