The :activepemilih semu mengubah tampilan link ketika sedang diaktifkan (diklik atau diaktifkan). Biasanya hanya terlihat sepersekian detik, dan memberikan umpan balik visual bahwa elemen tersebut memang diklik. Ini paling sering digunakan pada tautan jangkar ( ).
Misalnya, berikut ini CSS yang akan membuat tautan jangkar turun satu piksel (memberi kesan didorong dalam ruang tiga dimensi) dalam keadaan aktif:
Lihat Pen: status aktif oleh Tim Trik CSS (@ css-trick) di CodePen.
: Aktif juga dapat diterapkan ke elemen apa pun. Di Pena di bawah ini, mengklik di mana saja pada halaman akan membuat seluruh halaman menjadi kuning:
Lihat Demo Pena dari: kelas psuedo aktif oleh Tim CSS-Trik (@ css-trick) di CodePen.
Merupakan praktik terbaik untuk mencakup semua "negara bagian", terutama untuk tautan. Cara mudah untuk melakukannya adalah "LOVE HATE" atau
L: link
O
V: mengunjungi
E
H: hover
A:
T
E aktif
Melakukannya dalam urutan itu sangat ideal.
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; )Jika tidak, katakan jika Anda mencantumkan gaya: dikunjungi terakhir, jika tautan itu dikunjungi, itu akan menimpa deklarasi: aktif dan: hover dan tautan akan selalu berwarna ungu terlepas dari apakah Anda sedang mengarahkan kursor atau jika tautan itu aktif (tidak ideal).
Dukungan Browser
| Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
|---|---|---|---|---|---|---|
| Ya | 2.0.4+ | apa saja | 4+ | 4+ | TBD | TBD |