Pseudo-kelas :visited CSS

Definisi dan penggunaan

CSS :visited Pseudo-kelas digunakan untuk atur gaya tautan yang telah diakses.

Pesan:gunakan :link Atur gaya tautan untuk halaman yang belum diakses,gunakan :hover Atur gaya tautan saat disuspendi,gunakan :active Atur gaya tautan saat diklik.

Perhatian:Untuk mengatur gaya tautan dengan benar, silakan atur :visited atur aturan di :link di belakang aturan, tetapi di :hover dan :active 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
• Properti SVG fill dan stroke

Contoh

Contoh 1

Pilih dan atur gaya untuk tautan yang telah diakses:

a:visited {
  warna: merah muda;
}

Coba sendiri

Contoh 2

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

/* Tautan yang belum diakses */
a:link {
  warna: hijau;
}
/* Tautan yang telah diakses */
a:visited {
  warna: hijau;
}
/* Tautan yang disuspendi */
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

Syntaks CSS

:visited {
  pernyataan css;
}

Detil teknis

Dukungan browser

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

Halaman yang berhubungan

Tutorial:Tautan CSS

Tutorial:Pseudo-kelas CSS