: pautan - Trik CSS

Anonim

The :linkpemilih 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 :hoverpseudo, :linkmesti muncul terlebih dahulu, atau tidak akan ditentukan sama sekali, agar :hovergaya berfungsi. Ini kerana mereka sama spesifik, jadi jika :linkdatang, gaya tersebut akan menggantikan gaya hover.

Kelas :linkpseudo akan menargetkan semua elemen yang mempunyai hrefatribut, walaupun hrefmemiliki nilai kosong. Jadi dalam pengertian itu seperti pemilih atribut (href).

Ini bermaksud tiga elemen HTML berikut semuanya dapat digayakan melalui kelas :linkpseudo:

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 hrefatribut: , , dan . Hanya elemen yang boleh digayakan melalui kelas :linkpseudo.

Anda juga tidak boleh menambahkan hrefatribut 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 hrefbukan atribut yang sah untuk .

Kerana fakta yang :linkhanya dapat menargetkan elemen, :linkgaya dapat ditentukan dalam CSS tanpa pemilih jenis elemen, seperti ini:

:link ( color: aquamarine; )

Juga, untuk semua tujuan praktikal ketika menggunakan HTML, kelas :linkpseudo 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 hrefatribut 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 :linkpseudo.

Sokongan Penyemak Imbas

Chrome Safari Firefox Opera IE Android iOS
Sebarang Sebarang Sebarang Sebarang Sebarang Sebarang Sebarang