Pseudo-class :link adalah yang digunakan untuk memilih dan memberi gaya pada link di suatu halaman. Perlu dicatat, bahwa hanya akan memilih link yang memiliki atribut href.

Contoh:

<!-- yang akan dipilih -->

<a href="#">Random Link</a>
<a href="#id">Internal Link</a>
<a href="http://dumetschool.com">External Link</a>

<!-- tidak akan di pilih -->

<a>No href attribute</a>
                

 

Link biasanya dipilih dan ditata berdasarkan statusnya yang berbeda menggunakan salah satu pseudo-classes: :link, :visited, and :hover, dan :active.. Masing-masing kelas pseudo ini menautkan link dalam keadaan yang ditentukan oleh nama kelas pseudo.

Pseudo-class link berlaku untuk link yang belum dikunjungi.

Ketika empat link styling pseudo-class digunakan, mereka lebih disukai digunakan dalam urutan yang disebutkan di atas. Sebagai contoh:

a:link {
    /* style links */
}

a:visited {
    /* style visited link */
}

a:hover {
    /* hover styles */
}

a:active {
    /* active state styles */
}

 

Juga, pseudo-class link akan memilih semua link, bahkan yang sudah ditata menggunakan salah satu dari tiga kelas pseudo lainnya. Jadi, gaya yang diterapkan menggunakan: visited akan ditimpa oleh gaya yang diterapkan menggunakan: link. Cara untuk menghindari ini adalah dengan menggunakan perintah yang ditentukan di atas.

Sebuah elemen dapat berupa: visited dan: aktif (atau: link dan: aktif).

Setelah beberapa waktu, browser dapat memilih untuk mengembalikan link dari: status yang visited ke awal: status link.