Pseudo-kelas :visited CSS

Definisi dan penggunaan

CSS :visited Pseudo-kelas digunakan untuk mengatur gaya pautan yang telah diakses.

Petunjuk:Gunakan :link Atur gaya pautan untuk halaman yang belum diakses, gunakan :hover Atur gaya pautan saat di kursor, gunakan :active Atur gaya pautan saat di klik.

Perhatian:Untuk mengatur gaya pautan dengan benar, silakan taruh :visited atur aturan di tempat :link di sebelum aturan, tetapi di sebelah :hover dan :active di sebelum aturan.

Gaya yang diizinkan termasuk:

• warna
• warna latar belakang
• border-color (dan border-color setiap sisi)
• warna outline
• column-rule-color
• text-decoration-color
• text-emphasis-color
• Atribut SVG fill dan stroke

Contoh

Contoh 1

Pilih dan atur gaya untuk pautan yang telah diakses:

a:visited {
  warna: merah jambu;
}

Coba sendiri

Contoh 2

Pilih dan atur gaya untuk pautan yang belum diakses, telah diakses, bergerak, dan aktif:

/* Pautan yang belum diakses */
a:link {
  warna: hijau;
}
/* Pautan yang telah diakses */
a:visited {
  warna: hijau;
}
/* Pautan yang diantara kura-kura */
a:hover {
  warna: merah;
}
/* Pautan yang aktif */
a:active {
  warna: kuning;
}

Coba sendiri

Contoh 3

Atur gaya untuk pautan yang berbeza:

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

Coba sendiri

Tatabahasa CSS

:visited {
  pernyataan css;
}

Perincian teknikal

Dukungan pelayar

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

Laman yang berkenaan

Tutorial:Pautan CSS

Tutorial:pseudo-kelas CSS