CSS : Pemilih aktif
Contoh
Pilih dan gaya tautan aktif:
a:active
{
background-color: yellow;
}
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
:active
Selector digunakan untuk memilih dan memberi style pada link yang aktif .
Tautan menjadi aktif saat Anda mengkliknya.
Tip: Selektor :active dapat digunakan di semua elemen, tidak hanya tautan.
Tip: Gunakan pemilih :link untuk menata tautan ke halaman yang belum dikunjungi, pemilih :visited untuk menata tautan ke halaman yang dikunjungi, dan pemilih :hover untuk memberi gaya pada tautan saat Anda mengarahkan mouse ke sana.
Catatan: :active HARUS muncul setelah :hover (jika ada) dalam definisi CSS agar efektif!
Versi: kapan: | CSS1 |
---|
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung pemilih.
Selector | |||||
---|---|---|---|---|---|
:active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Sintaks CSS
:active {
css declarations;
}
Lebih Banyak Contoh
Contoh
Pilih dan gaya elemen <p>, <h1> dan <a> saat Anda mengkliknya:
p:active, h1:active, a:active {
background-color: yellow;
}
Contoh
Pilih dan gaya tautan yang belum dikunjungi, dikunjungi, diarahkan, dan aktif:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
Contoh
Tautan gaya dengan gaya berbeda:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Halaman Terkait
Tutorial CSS: Tautan CSS
Tutorial CSS: Kelas CSS Pseudo