:activeSelektor psevdo spremeni videz povezavo medtem ko se aktivira (se kliknili ali drugače aktivirano). Običajno je viden le za delček sekunde in zagotavlja vizualne povratne informacije, da je bil element resnično kliknjen. Najpogosteje se uporablja na sidrnih povezavah ( ).
Tu je na primer CSS, zaradi katerega bodo sidrne povezave v aktivnem stanju naletele na eno slikovno piko (kar daje vtis, da so potisnjene v tridimenzionalnem prostoru):
Oglejte si Pen: aktivno stanje skupine CSS-Tricks (@ css-tricks) na CodePenu.
: Aktivno se lahko nanaša tudi na kateri koli element. V spodnjem pisalu s klikom na katero koli stran bo celotna stran postala rumena:
Oglejte si predstavitev pisala razreda: active psuedo razreda CSS-Tricks Team (@ css-tricks) na CodePen.
Najboljša praksa je zajeti vse "države", zlasti povezave. Enostaven način za to je »LJUBEZEN SOVRAŽNJA« oz
L: povezava
O
V: obiskana
E
H: lebdenje
A: aktivno
T
E
Narediti jih v tem vrstnem redu je idealno.
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; )V nasprotnem primeru recimo, če ste nazadnje navedli slog: obiskan, če bi to povezavo obiskali, bi preglasil izjavo: active in: hover in povezava bi bila vedno vijolična, ne glede na to, ali ste lebdeli ali če je bila povezava aktivna (ni idealno).
Podpora za brskalnik
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Ja | 2.0.4+ | kaj | 4+ | 4+ | TBD | TBD |