The :active
pemilih pseudo mengubah rupa pautan ketika ia sedang diaktifkan (diklik pada atau sebaliknya diaktifkan). Biasanya hanya dilihat dalam beberapa saat, dan memberikan maklum balas visual bahawa elemen itu memang diklik. Biasanya digunakan pada pautan sauh ( )
Sebagai contoh, inilah CSS yang akan membuat pautan jangkar turun satu piksel (memberikan kesan ditolak dalam ruang tiga dimensi) dalam keadaan aktif:
Lihat Pen: keadaan aktif oleh CSS-Tricks Team (@ css-tricks) di CodePen.
: Aktif juga boleh berlaku untuk elemen apa pun. Di Pena di bawah, mengklik di mana sahaja pada halaman akan menjadikan keseluruhan halaman berwarna kuning:
Lihat Pen Demo dari: kelas psuedo aktif oleh CSS-Tricks Team (@ css-tricks) di CodePen.
Amalan terbaik adalah merangkumi semua "negeri", terutamanya untuk pautan. Cara mudah untuk melakukannya ialah "LOVE HATE" atau
L: pautan
O
V: dilawati
E
H: arahkan
A: aktif
T
E
Melakukannya mengikut urutan sangat sesuai.
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 menyenaraikan gaya: dikunjungi terakhir, jika pautan itu dilayari, ia akan menggantikan pengisytiharan: aktif dan: hover dan pautan akan sentiasa berwarna ungu tidak kira sama ada anda melayang atau pautan aktif (tidak sesuai).
Sokongan Penyemak Imbas
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
Yap | 2.0.4+ | ada | 4+ | 4+ | TBD | TBD |