Rumah  >  Artikel  >  hujung hadapan web  >  Mengapa Warna Latar Belakang Div Saya Hanya Berubah pada Tuding Apabila Saya Menyasarkan Sauh Di Dalam?

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

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-11-03 18:53:03602semak imbas

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>

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn