Lembaran Gaya Lata/Pautan
Pemilih a
memadankan pautan. Terdapat empat pseudokelas yang sering digunakan bersama-samanya: link
, visited
, hover
dan active
. Peraturan yang menggunakan pseudokelas perlu ditulis mengikut urutan ini agar kesan dinamik mendahului keadaan visited/unvisited. Contoh berikut akan memaparkan pautan yang hitam, bertukar menjadi hijau apabila tetikus berada di atasnya, dan bertukar menjadi merah jambu apabila aktif (apabila tetikus ditekan semasa berada di atasnya).
a:link { color:white; background:gray } a:visited { color:black; background:red } a:hover { color:green } a:active { color:pink }
Paparan:
Perisian Wikimedia tidak menyokong peraturan CSS a atau pseudokelas di ruang nama Rencana, tapi anda boleh mencuba CSS dengan menampal kod di atas dan mengubah suai fail CSS "skin" anda
|
Apabila tetikus diapungkan di atas pautan yang belum dilawati, kedua-dua pemilih a:link
dan pemilih a:hover
dipadankan. Oleh sebab peraturan hadir terakhir sekali, deklarasi color
nya mendahului peraturan buat link
. Dan oleh sebab perturan hover
tidak mengubah sifat background
, hasilnya ialah teks hijau berlatarkan warna gray (warna kelabu).
Pseudokelas :link
dan :visited
hanya dapat digunakan dengan pemilih a
. CSS2.1 membenarkan penggunaan pseudokelas :hover
dan :active
dengan unsur-unsur lain. Namun, Internet Explorer[1] hanya membenarkan :hover
pada unsur-unsur penambat atau anchor.
Nota kaki
[sunting]- ↑ Penterjemah: Keadaan ini mungkin sudah berubah pada tahun 2013