Keadaan Pautan dalam CSS

Saya rasa anda, semasa melawat pelbagai laman web di internet, telah perhatikan bahawa pautan biasanya bertindak balas kepada hovor tetikus ke atasnya. Kesan sedemikian boleh dicapai dengan menetapkan tingkah laku pautan dalam pelbagai keadaan.

Sebagai contoh, seperti ini - a:hover - kita dapat mengesan keadaan apabila tetikus dihimpitkan ke atas pautan. Pada saat ini, kita boleh, sebagai contoh, menukar warna pautan atau mengeluarkan/menambah garis bawah kepadanya. Konstruksi :hover dipanggil pseudokelas. Pseudokelas membolehkan kita mengesan keadaan elemen yang berbeza.

Selain :hover, terdapat juga pseudokelas :link, yang mengesan pautan yang belum dilawati, dan :visited, yang mengesan pautan yang telah dilawati. Di sesetengah laman web, menggunakannya, mereka menunjukkan kepada pengguna di mana mereka telah pergi, dan di mana - belum. Terdapat juga pseudokelas :active, yang mengesan keadaan berikut: elemen telah diklik dengan tetikus, tetapi belum dilepaskan.

Dalam contoh berikut, untuk pautan dalam keadaan :hover, garis bawah dikeluarkan, dalam keadaan :link warna merah ditetapkan, dalam keadaan :visited - hijau, dalam :active - biru. Hasilnya, pada awalnya pautan akan berwarna merah, selepas mengkliknya - hijau, jika mengklik padanya dengan tetikus dan tidak melepaskannya - biru, dan jika menghimpitkan tetikus ke atasnya - ia akan menjadi tidak bergaris bawah:

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

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