Псевдокласс active

Псевдокласс active ҳаволага босилган пайтдаги услубларни белгилайди (босдик ва tугмани қўймадик - биз уни қўйгуннимизча, белгиланган услублар ишлайди).

Одатда бу псевдокласс псевдокласслар link, hover ва active билан бирга қўлланилади.

Синтаксис

cssa:active {
  
}

Мисол

Борилмаган ҳавола қизил рангда бўлади, борилган ҳавола - кўк рангда. Агар сиз устига чўпончаингни олсанг - у яшил рангга киради, агар сўнг ўчок тугмасини боссанг ва ушлаб турсанг - қора рангга киради (active ҳолати):

html<a href="#">ҳавола</a>

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

Результат:

Ҳам қаранг