:activePseudo valijat muudab välimust link kui see on aktiveeritud (klikivad või muul viisil aktiveeritud). Seda nähakse tavaliselt vaid sekundi murdosa jooksul ja see annab visuaalset tagasisidet selle kohta, et elemendil tõesti klõpsati. Seda kasutatakse kõige sagedamini ankrulinkidel ( ).
Näiteks siin on CSS, mis paneb ankrulingid aktiivses olekus ühe piksli võrra alla kukkuma (jättes mulje, et see on kolmemõõtmelises ruumis surutud):
Vaadake CodeSenil CSS-Tricks Team'i (@ css-tricks) pliiatsit: aktiivne olek
: Aktiivne võib kehtida ka mis tahes elemendi jaoks. Klõpsates allpool olevas pliiatsis, klõpsates lehe suvalisel kohal, muutub kogu leht kollaseks:
Vaadake CSS-Tricks Team'i (@ css-tricks) CodePenil aktiivse psuedo klassi pliiatsi demot.
Parim tava on hõlmata kõiki riike, eriti linkide osas. Lihtne viis seda teha on "ARMASTAD VIHKUST" või
L: link
O
V: külastas
E
H: hõljuk
A: aktiivne
T
E
Nende tegemine sellises järjekorras on ideaalne.
a:link ( /* Essentially means a(href), or that the link actually goes somewhere */ color: blue; ) a:visited ( color: purple; ) a:hover ( color: green; ) a:active ( color: red; )Vastasel juhul öelge, kui loetlesite viimase külastatud stiili, kui seda linki külastati, siis see tühistaks deklaratsiooni: active ja: hover ja link oleks alati lilla, hoolimata sellest, kas hõljutite kursorit või kui link oli aktiivne (pole ideaalne).
Brauseri tugi
| Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Jah | 2.0.4+ | mis tahes | 4+ | 4+ | TBD | TBD |