Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The: pemilih aktif digunakan untuk memilih dan gaya link aktif.
Sebuah link menjadi aktif ketika Anda klik di atasnya.
Tip: The: pemilih aktif dapat digunakan pada semua elemen, tidak hanya link.
Tip: Gunakan : link pemilih untuk gaya link ke halaman yang belum dikunjungi, yang : mengunjungi pemilih untuk gaya link ke halaman yang dikunjungi, dan : hover pemilih gaya link ketika Anda mengarahkan mouse atas mereka.
Note: : aktif HARUS datang setelah: hover (if present) dalam definisi CSS agar efektif!
| Versi: | CSS1 |
|---|
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh pemilih.
| Pemilih | |||||
|---|---|---|---|---|---|
| :active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Catatan: IE8 dan versi yang lebih baru mendukung: pemilih aktif pada semua elemen. IE7 hanya mendukung: pemilih aktif di link.
CSS Syntax
:active {
css declarations ;
}
Contoh lebih
Contoh
Pilih dan gaya <p>, <h1> dan <a> elemen ketika Anda klik di atasnya:
p:active, h1:active, a:active {
background-color: yellow;
} Cobalah sendiri " Contoh
Pilih dan gaya yang belum dikunjungi, mengunjungi, membawa, dan link 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;
}
Cobalah sendiri " Contoh
Gaya link dengan gaya yang berbeda:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Cobalah sendiri " Pages terkait
CSS tutorial: CSS Links
CSS tutorial: kelas CSS Pseudo