Status Tautan dalam CSS

Saya rasa, ketika Anda mengunjungi berbagai situs di internet, Anda memperhatikan bahwa tautan biasanya bereaksi ketika mouse diarahkan pada mereka. Efek seperti itu dapat dicapai dengan mengatur perilaku tautan dalam berbagai status.

Misalnya, seperti ini - a:hover - kita dapat menangkap status ketika tautan diarahkan dengan kursor mouse. Pada saat ini, kita dapat, misalnya, mengubah warna tautan atau menghilangkan/menambahkan garis bawah padanya. Konstruksi :hover disebut pseudo-class (kelas semu). Pseudo-class memungkinkan kita menangkap berbagai status elemen.

Selain :hover, ada juga pseudo-class :link, yang menangkap tautan yang belum dikunjungi, dan :visited, yang menangkap tautan yang telah dikunjungi. Di beberapa situs, dengan bantuan mereka, pengguna dapat melihat di mana mereka sudah pernah berkunjung, dan di mana belum. Ada juga pseudo-class :active, yang menangkap status berikut: elemen diklik dengan mouse, tetapi belum dilepaskan.

Dalam contoh berikut, untuk tautan dalam status :hover, garis bawah dihilangkan, dalam status :link ditetapkan warna merah, dalam status :visited - hijau, dalam :active - biru. Hasilnya akan menjadi, pada awalnya tautan akan berwarna merah, setelah diklik - hijau, jika diklik dengan mouse dan tidak dilepaskan - biru, dan jika mouse diarahkan ke atasnya - akan menjadi tidak bergaris bawah:

a:link {
	color: red;
}
a:visited {
	color: green;
}
a:hover {
	text-decoration: none;
}
a:active {
	color: blue;
}

<a href="#">link</a>