Bagaimanakah Saya Boleh Menggunakan CSS Hover untuk Menggariskan Tag Anchor pada Mouseover?

Menguasai Harta 'legar' dalam CSS

Sifat 'legar' dalam CSS membolehkan anda menggunakan perubahan gaya pada elemen apabila penunjuk tetikus melayang di atasnya. Walau bagaimanapun, melaksanakan ciri ini kadangkala boleh menimbulkan cabaran.

Dalam coretan kod anda, anda menyasarkan untuk memaparkan garis bawah pada teg sauh apabila tetikus melayang di atasnya. Malangnya, pendekatan anda tidak berjaya. Untuk membetulkannya, pertimbangkan sintaks yang betul di bawah:

a:hover {
  text-decoration: underline;
}

Sebagai alternatif, jika anda lebih suka menggunakan nama kelas 'hover', anda boleh menggunakan yang berikut:

a.hover:hover {
  text-decoration: underline;
}

Sementara menggunakan nama kelas mungkin kelihatan menarik, ia tidak mempunyai tujuan tambahan dalam hal ini kerana elemen pseudo 'a:hover' mencapai kesan yang sama. Melainkan anda mempunyai sebab khusus untuk menggunakan nama kelas, pendekatan dahulu disyorkan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan CSS Hover untuk Menggariskan Tag Anchor pada Mouseover?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!