Mengapa Kod Hover CSS Saya Tidak Menggariskan Pautan Saya?

Memahami 'hover' dalam CSS

Apabila bekerja dengan CSS, 'hover' ialah konsep penting untuk mengubah suai gaya elemen semasa interaksi tetikus. Walau bagaimanapun, untuk mencapai hasil yang diingini memerlukan pelaksanaan yang betul.

Enigma 'legar'

Baru-baru ini, pertanyaan timbul mengenai ketidakupayaan kod berikut untuk menggariskan pautan semasa tuding:

<a class="hover">click</a>

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

Menyingkap Penyelesaian

Untuk membetulkan isu, kita mesti ingat bahawa 'legar' ialah unsur pseudo. Sintaks yang betul ialah:

a:hover {
    text-decoration: underline;
}

Sebagai alternatif, jika nama kelas diutamakan:

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

Nama Kelas 'hover'

Semasa menggunakan kelas -nama seperti 'hover' mungkin kelihatan berlebihan, ia boleh digunakan dalam situasi di mana anda ingin menogol berbilang sifat semasa tuding dengan menggunakan CSS yang berasingan peraturan untuk '.hover'. Walau bagaimanapun, jika tujuan utamanya adalah untuk menggariskan pautan pada tuding, pemilih a:hover kekal sebagai pilihan pilihan.

Atas ialah kandungan terperinci Mengapa Kod Hover CSS Saya Tidak Menggariskan Pautan Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!