Pseudo-kelas :link CSS

Definisi dan penggunaan

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

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

Tips:Menggunakan :visited Atur gaya tautan halaman yang telah diakses, menggunakan :hover Atur gaya tautan saat diarahkan tetikus, menggunakan :active Atur gaya tautan saat diklik.

Perhatian:dalam definisi CSS::link Harus ditempatkan :hoversebelumnya (jika ada) untuk berlaku!

Contoh

Contoh 1

Pilih dan atur gaya untuk tautan yang belum diakses:

a:link {
  warna-latar: kuning;
}

Coba sendiri

Contoh 2

Pilih dan atur gaya untuk tautan yang belum diakses, yang telah diakses, yang diarahkan tetikus, dan yang aktif:

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

Coba sendiri

Contoh 3

Atur gaya untuk tautan yang berbeda:

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

Coba sendiri

Sintaks CSS

:link {
  pernyataan css;
}

Detil teknis

Dukungan browser

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

Halaman yang berhubungan

Tutorial:CSS Tautan

Tutorial:Pseudo-kelas CSS