Pseudotřída active

Pseudotřída active nastavuje styly pro odkaz v okamžiku kliknutí na něj (klikneme a neuvolníme tlačítko - dokud jej neuvolníme, nastavené styly fungují).

Tato pseudotřída se obvykle používá společně s pseudotřídami link, hover a active.

Syntaxe

cssa:active {
  
}

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 jej - 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é