: arahkan - Trik CSS | CSS Almanac 2025

The :hoverkelas pseudo dalam unsur-unsur CSS pilihan pelanggan apabila kursor tetikus adalah semasa ke atas mereka. Ia biasanya dikaitkan dengan elemen pautan ( ).

a:hover ( color: green; text-decoration: underline overline; )

Oleh itu, apabila pautan seperti ini "dituding" (seperti kursor pada peranti dengan tetikus):

Go to Google

Ia akan menjadi hijau dan mempunyai garis di bawahnya.

Di IE 6 dan ke bawah, :hover hanya digunakan pada pautan, tetapi pada penyemak imbas yang lebih baru, ia berfungsi pada elemen apa pun. Ini sangat berguna untuk perkara seperti menu lungsur di mana anda boleh menunggu :hover item senarai ibu bapa dan kemudian mendedahkan tahap seterusnya dari menu bersarang. Namun, dengan berhati-hati, kesan hover harus digabungkan dengan beberapa jenis tindakan, kerana itu sudah lama menjadi corak web.