Den :activepseudo velgeren endrer utseendet av en kobling mens den blir aktivert (blir klikket på, eller på annen måte aktivert). Det er vanligvis bare sett i et brutt sekund, og gir visuell tilbakemelding om at elementet faktisk ble klikket på. Den brukes mest på ankerlenker ( ).
For eksempel, her er CSS som får ankerlenker til å støte ned en piksel (som gir inntrykk av å bli presset i et tredimensjonalt rom) i aktiv tilstand:
Se pennen: aktiv tilstand av CSS-Tricks Team (@ css-tricks) på CodePen.
: Aktiv kan også gjelde ethvert element. Ved å klikke hvor som helst på siden i pennen nedenfor, blir hele siden gul:
Se pennedemonstrasjonen til: aktiv psuedo-klasse av CSS-Tricks Team (@ css-tricks) på CodePen.
Det er best praksis å dekke alle "statene", spesielt for lenker. En enkel måte å gjøre det på er "LOVE HATE" eller
L: lenke
O
V: besøkt
E
H: svever
A: aktiv
T
E
Å gjøre dem i den rekkefølgen er ideelt.
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; )Hvis ikke, si hvis du oppførte den: besøkte stilen sist, hvis den lenken ble besøkt, ville den overstyre: aktiv og: svevererklæringen, og lenken vil alltid være lilla, uansett om du svever eller om lenken var aktiv (ikke ideell).
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| Jepp | 2.0.4+ | noen | 4+ | 4+ | TBD | TBD |