: active adalah pseudo-class CSS. Ini menentukan dan memilih elemen berdasarkan pada keadaan — keadaan aktif — dan digunakan untuk menerapkan gaya ke elemen ketika itu cocok dengan keadaan itu.

: pseudo-class :active adalah kelas dinamis yang berlaku ketika elemen diaktifkan oleh pengguna. Ini sering digunakan untuk menargetkan dan mendesain elemen saat aktif (seperti namanya). Lebih khusus, ini menargetkan elemen (biasanya tautan jangkar <a>) antara waktu diklik dan saat dilepaskan.

Mendesain elemen dalam keadaan aktifnya memungkinkan pengalaman pengguna yang lebih baik, karena halaman akan memberikan umpan balik kepada pengguna setelah mengklik suatu elemen. Tanpa umpan balik semacam ini, pengguna dapat berasumsi bahwa tindakannya tidak berhasil, karena ia tidak memiliki isyarat visual untuk mengonfirmasi apakah klik itu berhasil atau tidak, dan mungkin mengklik elemen tersebut beberapa kali berturut-turut.

:pseudo-class :active sebagian besar digunakan untuk gaya tautan jangkar, tetapi juga dapat digunakan untuk gaya elemen lain pada halaman, bahkan elemen root (html). Misalnya, contoh berikut ini akan menerapkan latar belakang abu-abu terang untuk semua paragraf teks saat sedang diklik:

Ketika :active digunakan untuk menautkan tautan, lebih disukai digunakan bersama dengan tiga pseudo-kelas lain yang juga digunakan untuk menata keadaan tautan yang berbeda: :link, :visited, dan :hover. Lihat entri individual dari masing-masing kelas pseudo untuk informasi dan contoh lebih lanjut.

Trivia & Catatan
Suatu elemen dapat berupa :visited dan :active (atau :link dan :active).

Ketika empat gaya tautan pseudo-class digunakan, mereka lebih disukai digunakan dalam urutan sebagai berikut: :link, :visited, :hover, dan :active. Sebagai contoh:

urutan di atas dapat dengan mudah dihafal menggunakan mnemonik seperti “Last Vintage Hat Available”.

Urutan ini lebih disukai karena kalau tidak beberapa gaya negara dapat menimpa gaya negara lain, sehingga membuatnya tidak bekerja seperti yang diharapkan. Misalnya, jika Kalian membuat style: status yang dikunjungi terakhir, itu akan menimpa: hover dan :active dari link, dan :visited akan berlaku terlepas dari apakah tautan sedang di-hover atau diklik.

Selain empat negara yang disebutkan, Kalian dapat  juga tautan gaya ketika mereka difokuskan. Untuk melakukan itu, kelas: fokus pseudo digunakan. Dan untuk mengingat urutannya, Kalian bisa menambahkan “fur” di antara kalimat sebelumnya: “Last Vintage fur Hat Available”. Kalian dapat membaca lebih lanjut tentang: focus pseudo-class.

Pada sistem dengan lebih dari satu tombol mouse,: active hanya berlaku untuk tombol aktivasi utama (biasanya tombol mouse “kiri”), dan alias apa pun darinya.

 

WhatsApp chat