:activePseudo selektorius keičia nuorodą išvaizdą, o ji yra aktyvuojama (yra spustelėjo ar kitaip aktyvuota). Paprastai tai matoma tik sekundės dalimis ir suteikia vizualinį atsiliepimą, kad elementas tikrai buvo spustelėtas. Paprastai jis naudojamas inkaro nuorodoms ( ).
Pvz., Čia yra CSS, kuris privers inkaro nuorodas nukristi vienu tašku (susidaro įspūdis, kad jos stumiamos trimatėje erdvėje) aktyvioje būsenoje:
Peržiūrėkite „CSS-Tricks Team“ rašiklį: aktyvi būsena (@ css-tricks) „CodePen“.
: Aktyvus taip pat gali būti taikomas bet kuriam elementui. Žemiau esančiame rašiklyje spustelėjus bet kurią puslapio vietą, visas puslapis taps geltonas:
Peržiūrėkite CSS-Tricks Team (@ css-tricks) „Code pen“ rašiklį: „Active psuedo“ klasė.
Geriausia praktika aprėpti visas „valstybes“, ypač nuorodas. Paprastas būdas tai padaryti yra „MEILĖ Neapykanta“ arba
L: nuoroda
O
V: aplankė
E
H: užveskite žymeklį
A: aktyvus
T
E
Juos daryti tokia tvarka yra idealu.
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; )Kitu atveju tarkime, jei paskutinį kartą nurodėte: aplankytą stilių, jei ši nuoroda buvo aplankyta, ji nepaisys deklaracijos: aktyvus ir: užveskite pelės žymeklį, o nuoroda visada bus purpurinė, nepaisant to, ar jūs užveskite žymeklį, ar nuoroda buvo aktyvi (ne ideali).
Naršyklės palaikymas
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| Taip | 2.0.4+ | bet koks | 4+ | 4+ | TBD | TBD |