Pseudo-kelas :link CSS

Definisi dan penggunaan

CSS :link Pseudo-kelas digunakan untuk memilih dan atur gaya untuk link yang belum diakses.

Perhatian：:link Pseudo-kelas tidak mengatur gaya link yang telah diakses.

Petunjuk：Menggunakan :visited Atur gaya link halaman yang telah diakses, menggunakan :hover Atur gaya link saat diarahkan tetikus, menggunakan :active Atur gaya link saat diklik.

Perhatian：Dalam definisi CSS，:link Harus ditempatkan :hover(!ada) sebelumnya untuk berlaku!

Contoh

Contoh 1

Pilih dan atur gaya untuk link yang belum diakses：

a:link {
  warna-latar-belakang: kuning;
}

Coba sendiri

Contoh 2

Pilih dan atur gaya untuk link yang belum diakses, telah diakses, diarahkan tetikus, dan aktif：

/* Link yang belum diakses */
a:link {
  warna: hijau;
}
/* Link yang telah diakses */
a:visited {
  warna: hijau;
}
/* Link yang diarahkan tetikus */
a:hover {
  warna: merah;
}
/* Link yang aktif */
a:active {
  warna: kuning;
}

Coba sendiri

Contoh 3

Atur gaya untuk link yang berbeda：

a.ex1:hover, a.ex1:active {
  warna: merah;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Coba sendiri

Syarat CSS

:link {
  pernyataan css;
}

Detil teknis

Dukungan browser

Angka di dalam tabel menunjukkan versi browser pertama yang mendukung pseudo-kelas ini penuh.

Halaman yang berhubungan

Tutorial：CSS Link

Tutorial：Pseudo-kelas CSS