Pseudotřída hover

Pseudotřída hover nastavuje styly pro odkaz, na který najedeme myší. Obvykle se tato pseudotřída používá společně s pseudotřídami link, visited a active.

Syntaxe

cssa:hover {
  
}

Příklad

Nenavštívený odkaz bude červené barvy, navštívený - modré. Pokud na něj najedete myší - změní se na zelenou barvu, a pokud stisknete levé tlačítko myši a podržíte ho - změní se na černou (stav active):

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

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

Результат:

Viz také