Hover-pseudoluokka

hover-pseudoluokka asettaa tyylit linkille, jota osoitamme hiirellä. Yleensä tätä pseudoluokkaa käytetään yhdessä pseudoluokkien link, visited ja active kanssa.

Syntaksi

cssa:hover {
  
}

Esimerkki

Vierailematon linkki on punainen, vierailtu - sininen. Jos osoitat sitä hiirellä - siitä tulee vihreä, ja jos painat vasenta hiiren painiketta ja pidät sitä painettuna - siitä tulee musta (active-tila):

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

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

Результат:

Katso myös