PSEUDO-CLASS LINK

Pseudo-Class link merupakan salah satu fitur dalam CSS yang memungkinkan kamu untuk memodifikasi tampilan link. Dengan menggunakan Pseudo-Class link, kamu bisa merubah warna, ukuran teks, dan berbagai properti lainnya pada sebuah link.

Menggunakan Pseudo-Class link

Untuk menggunakan Pseudo-Class link, kamu perlu menambahkan :link setelah selektor dalam CSS. Berikut ini adalah contoh penggunaannya:

a:link {
  color: red;
}

Dalam contoh di atas, semua link idak aktif (belum diklik) akan berwarna merah.

Pseudo-Class link dan Akun Sibling

Bagian menarik lainnya dari Pseudo-Class link adalah kamu bisa menggabungkan :link dengan pseudo-class lain seperti :hover, :active, dan :visited. Gabungan ini memungkinkan kamu untuk merubah tampilan link berdasarkan status interaksi pengguna.

Menggunakan :hover

:hover akan memodifikasi tampilan link saat mouse diarahkan ke link tersebut. Contohnya:

a:link:hover {
  color: blue;
}

Pada contoh di atas, link akan berubah menjadi biru saat mouse mengarah ke link tersebut.

Menggunakan :active

:active akan memodifikasi tampilan link saat link tersebut diklik. Contohnya:

a:link:active {
  color: green;
}

Pada contoh di atas, link akan berubah menjadi hijau saat link tersebut sedang diklik.

Menggunakan :visited

:visited akan memodifikasi tampilan link yang telah diklik sebelumnya. Contohnya:

a:link:visited {
  color: purple;
}

Pada contoh di atas, link yang telah diklik sebelumnya akan berubah menjadi warna ungu.

Dengan memahami dan menggunakan Pseudo-Class link, kamu bisa membuat tampilan link yang lebih menarik dan interaktif sesuai dengan kebutuhan web kamu.