: link - Trik CSS | CSS Almanak 2024

The :linkpemilih adalah pseudo-class yang menargetkan semua belum dikunjungi anchor ( ) elemen pada halaman.

a:link ( color: aquamarine; )

Contoh di atas akan mengubah warna semua tautan yang belum dikunjungi menjadi aquamarine.

Ketika digunakan dalam kombinasi dengan :hoverpseudo-class, :linkharus muncul terlebih dahulu, atau tidak ditentukan sama sekali, agar :hovergaya berfungsi. Ini karena keduanya sama-sama spesifik, jadi jika :linkmuncul setelahnya, gaya tersebut akan menggantikan gaya hover.

The :linkpseudo-class akan menargetkan semua elemen yang memiliki hrefatribut, bahkan jika hrefmemiliki nilai kosong. Jadi dalam arti itu seperti pemilih atribut (href).

Ini berarti tiga elemen HTML berikut semuanya dapat diberi gaya melalui :linkpseudo-class:

CSS-Tricks CSS-Tricks CSS-Tricks

Contoh ketiga dalam blok kode di atas, bagaimanapun, akan menjadi HTML yang tidak valid.

Hanya ada tiga elemen HTML yang menerima hrefatribut: , , dan . Hanya elemen yang dapat diberi gaya melalui :linkpseudo-class.

Selain itu, Anda tidak dapat menambahkan hrefatribut ke jenis elemen lain dan membuatnya dapat bergaya melalui :link. Dengan kata lain, jika Anda memiliki HTML berikut:

 CSS-Tricks

CSS berikut tidak akan berpengaruh:

div:link ( color: aquamarine; )

Sekali lagi, HTML akan gagal validasi, karena hrefbukan atribut yang valid untuk .

Karena fakta bahwa :linkhanya dapat menargetkan elemen, :linkgaya dapat ditentukan di CSS tanpa pemilih jenis elemen, seperti ini:

:link ( color: aquamarine; )

Selain itu, untuk semua tujuan praktis saat menggunakan HTML, :linkpseudo-class agak tidak relevan karena efek yang sama dapat dicapai hanya dengan menargetkan semua elemen secara langsung:

a ( color: aquamarine; )

Namun, jika ada elemen pada halaman yang tidak memiliki hrefatribut yang disetel (misalnya, pada halaman lama yang digunakan ), kode di atas akan menargetkan elemen tersebut juga, dan ini mungkin bukan hasil yang diinginkan.

Juga harus diperhatikan bahwa, dimulai dengan CSS2, bahasa dokumen lain (selain HTML) dapat mendefinisikan elemen lain, selain jangkar, yang dapat diberi gaya melalui :linkpseudo-class.