La pseudo classe :active viene utilizzata per rappresentare un elemento attivo nella pagina, di solito quando l'utente clicca su un bottone o su un link.
/* Attiva un elemento <a> */
a:active {
color: #E50914;
}
La pseudo classe :active viene solitamente utilizzata per gli elementi <a> e <button>, ma può essere usata anche su elementi che contengono un elemento attivo o neii form attivati attraverso la loro <label>.
Gli stili definiti dalla pseudo classe :active, vengono sovrascritti da una qualsiasi pseudo classe con almeno le stesse specifiche (:link, :hover o :visited). Per poter apporre correttamente gli stili, mettete la regola :active dopo tutte le altre regole.
Potete seguire l'ordine LVHA:
:link - :visited - :hover - :active
