:activePseido atlasītājs maina izskatu saiti, kamēr tas tiek aktivizēts (ir noklikšķinājuši vai citādi aktivizēta). Parasti to redz tikai sekundes daļu un sniedz vizuālu atgriezenisko saiti, ka elements patiešām ir noklikšķināts. To visbiežāk izmanto enkura saitēm ( ).
Piemēram, šeit ir CSS, kas aktivizēs enkura saites uz leju vienu pikseļu (radot iespaidu, ka tiek iestumtas trīsdimensiju telpā):
Skatiet CSS-Tricks Team (@ css-tricks) pildspalvas: aktīvais stāvoklis vietnē CodePen.
: Aktīvs var attiekties arī uz jebkuru elementu. Zemāk esošajā pildspalvveida pilnšļircē noklikšķinot uz jebkuras vietas lapā, visa lapa būs dzeltena:
Skatiet CSS-Tricks Team (@ css-tricks) CodePen pildspalvas demonstrāciju: aktīvā psuedo klasē.
Vislabākā prakse ir aptvert visas “valstis”, īpaši saites. Vienkāršs veids, kā to izdarīt, ir “LOVE HATE” vai
L: saite
O
V: apmeklēja
E
H: kursors
A: aktīvs
T
E
Darīt tos šādā secībā ir ideāli.
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; )Pretējā gadījumā sakiet, ja jūs pēdējo reizi uzskaitījāt: apmeklējamo stilu, ja šī saite tika apmeklēta, tā aizstās deklarāciju: active un: hover, un saite vienmēr būs purpursarkana, neatkarīgi no tā, vai jūs virzījāt kursoru vai saite bija aktīva (nav ideāla).
Pārlūka atbalsts
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Jā | 2.0.4+ | jebkurš | 4+ | 4+ | TBD | TBD |