The :link
pemilih adalah bertaraf pseudo yang mensasarkan semua anchor tidak dilawati ( ) elemen pada halaman.
a:link ( color: aquamarine; )
Contoh di atas akan mengubah warna semua pautan yang tidak dilawati ke aquamarine.
Apabila digunakan dalam kombinasi dengan kelas :hover
pseudo, :link
mesti muncul terlebih dahulu, atau tidak akan ditentukan sama sekali, agar :hover
gaya berfungsi. Ini kerana mereka sama spesifik, jadi jika :link
datang, gaya tersebut akan menggantikan gaya hover.
Kelas :link
pseudo akan menargetkan semua elemen yang mempunyai
href
atribut, walaupun href
memiliki nilai kosong. Jadi dalam pengertian itu seperti pemilih atribut (href)
.
Ini bermaksud tiga elemen HTML berikut semuanya dapat digayakan melalui kelas :link
pseudo:
CSS-Tricks CSS-Tricks CSS-Tricks
Contoh ketiga dalam blok kod di atas, bagaimanapun, adalah HTML yang tidak sah.
Terdapat hanya tiga elemen HTML yang menerima href
atribut: ,
, dan
. Hanya
elemen yang boleh digayakan melalui kelas
:link
pseudo.
Anda juga tidak boleh menambahkan href
atribut ke elemen lain dan menjadikannya gaya melalui :link
. Dengan kata lain, jika anda mempunyai HTML berikut:
CSS-Tricks
CSS berikut tidak akan memberi kesan:
div:link ( color: aquamarine; )
Sekali lagi, HTML akan gagal disahkan, kerana href
bukan atribut yang sah untuk
.
Kerana fakta yang :link
hanya dapat menargetkan elemen,
:link
gaya dapat ditentukan dalam CSS tanpa pemilih jenis elemen, seperti ini:
:link ( color: aquamarine; )
Juga, untuk semua tujuan praktikal ketika menggunakan HTML, kelas :link
pseudo agak tidak relevan kerana kesan yang sama dapat dicapai dengan hanya menyasarkan semua elemen secara langsung:
a ( color: aquamarine; )
Namun, jika ada elemen di halaman yang tidak memiliki
href
atribut yang ditetapkan (misalnya, pada halaman lama yang digunakan ), kod di atas akan menargetkan elemen tersebut juga, dan ini mungkin bukan hasil yang diinginkan.
Perlu juga dijelaskan bahawa, mulai dengan CSS2, bahasa dokumen lain (selain HTML) dapat menentukan elemen lain, selain jangkar, yang dapat digayakan melalui kelas :link
pseudo.
Sokongan Penyemak Imbas
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
Sebarang | Sebarang | Sebarang | Sebarang | Sebarang | Sebarang | Sebarang |