Mengapa Warna Latar Belakang Div Saya Hanya Berubah pada Tuding Apabila Saya Menyasarkan Sauh Di Dalam?-tutorial css-php.cn

Mengapa Warna Latar Belakang Div Saya Hanya Berubah pada Tuding Apabila Saya Menyasarkan Sauh Di Dalam?

Mary-Kate Olsen

Lepaskan： 2024-11-03 18:53:03

asal

616 orang telah melayarinya

Why Does My Div's Background Color Only Change on Hover When I'm Targeting the Anchor Inside?

Perubahan Warna Latar Belakang Div pada Tuding: Menyelesaikan Masalah dan Meningkatkan Interaktiviti

Dilema: Perubahan Warna Latar Belakang Terhad kepada Elemen Sauh

Dalam percubaan untuk mengubah warna latar belakang div semasa tuding tetikus, sesetengah mungkin menghadapi anomali di mana hanya penambat (pautan) yang bersarang dalam div mengalami perubahan warna.

Penyelesaian: Menyasarkan Elemen Div

Untuk membetulkan ini, betulkan pemilih CSS daripada "div a:hover" kepada "div:hover". Pelarasan ini mengarahkan penyemak imbas untuk mengubah suai sifat div itu sendiri apabila kursor melayang di atas kawasannya.

Meningkatkan Fungsi Div

Menjadikan Keseluruhan Div sebagai Pautan

Untuk memanjangkan kefungsian div, ubah ia menjadi elemen boleh klik yang mengubah hala semasa interaksi pengguna. Berikan ID unik pada div (cth., "

") dan masukkan peraturan CSS berikut:

<code class="css">#clickable-div {
  cursor: pointer;
}</code>

Salin selepas log masuk

Pengubahsuaian ini menetapkan div sebagai objek boleh klik , menggesa kursor untuk menukar kepada ikon penuding apabila tuding. Sifat "kursor: penunjuk" menandakan elemen itu boleh berinteraksi dengannya.

Atas ialah kandungan terperinci Mengapa Warna Latar Belakang Div Saya Hanya Berubah pada Tuding Apabila Saya Menyasarkan Sauh Di Dalam?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!