Pseudotrieda hover

Pseudotrieda hover nastavuje štýly pre odkaz, nad ktorým sme prešli kurzorom myši. Zvyčajne sa táto pseudotrieda používa spolu s pseudotriedami link, visited a active.

Syntax

cssa:hover {
  
}

Príklad

Nenavštívený odkaz bude červený, navštívený - modrý. Ak naň prejdete kurzorom myši - stane sa zeleným, a ak stlačíte ľavé tlačidlo myši a budete ho držať - stane sa čiernym (stav active):

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

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

Результат:

Pozri tiež