:activeSelektor pseudo mijenja izgled veze dok se aktivira (što su kliknuli na ili na drugi način aktivirati). Obično se vidi samo djelić sekunde i pruža vizualnu povratnu informaciju da je element zaista kliknut. Najčešće se koristi na sidrenim vezama ( ).
Na primjer, evo CSS-a koji će učiniti da se sidrene veze spušte za jedan piksel (stvarajući dojam da su gurnute u trodimenzionalni prostor) u aktivnom stanju:
Pogledajte Olovka: aktivno stanje CSS-Tricks tima (@ css-tricks) na CodePenu.
: Aktivno se također može primijeniti na bilo koji element. U donjoj olovci klikom bilo gdje na stranici cijela će stranica postati žuta:
Pogledajte demo olovke klase: active psuedo klase CSS-Tricks Team (@ css-tricks) na CodePenu.
Najbolja je praksa obuhvatiti sve "države", posebno veze. Jednostavan način za to je "LJUBAV MRŽNJE" ili
L: veza
O
V: posjećeno
E
H: lebdenje
A: aktivno
T
E
Idealno je raditi ih tim redoslijedom.
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; )U suprotnom recite ako ste zadnji put naveli stil: posjećen, ako bi ta veza bila posjećena, nadjačala bi deklaraciju: active i: hover, a veza bi uvijek bila ljubičasta, bez obzira jeste li lebdjeli ili je veza aktivna (nije idealno).
Podrška preglednika
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Da | 2.0.4+ | bilo koji | 4+ | 4+ | TBD | TBD |