Pseudoclasa active

Pseudoclasa active stabilește stilurile pentru link în momentul apăsării pe acesta (am apăsat și nu am eliberat butonul - cât timp nu îl eliberăm, stilurile setate funcționează).

De obicei, această pseudoclasa este aplicată împreună cu pseudoclasele link, hover și active.

Sintaxă

cssa:active {
  
}

Exemplu

Link-nevizitat va fi de culoare roșie, vizitat - albastru. Dacă îl veți direcționa cu mouse-ul - va deveni verde, iar dacă apăsați butonul stâng al mouse-ului și îl veți ține - va deveni negru (starea active):

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

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

Результат:

Vedeți și