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>
: