Mengapakah div saya tidak bertukar warna semasa tuding, hanya pautan di dalamnya?

Menukar Warna Latar Belakang Div pada Tuding

S: Saya cuba membuat perubahan warna latar belakang div apabila tetikus melayang di atasnya. Saya telah cuba menggunakan kod CSS yang disediakan di bawah, tetapi hanya pautan di dalam div yang berubah warna. Bagaimanakah saya boleh membuat seluruh div menukar warna pada tuding?

Kod CSS:

the div {background: white;}
the div a:hover {background: grey; width: 100%; display: block; text-decoration: none;}

J: "a:hover" dalam kod CSS anda menyasarkan teg secara khusus, menyebabkan hanya pautan bertukar warna pada tuding. Untuk menukar keseluruhan warna latar belakang div, anda perlu menggunakan "div:hover" sebaliknya. Berikut ialah kod yang diperbetulkan:

the div {background: white;}
the div:hover {background: grey;}

Selain itu, jika anda mahu seluruh div bertindak sebagai pautan, anda boleh menambah teg di sekelilingnya dengan alamat pautan yang dikehendaki:

<a href="link_address">
  <div style="background: white;">
    ...
  </div>
</a>

Perhatikan bahawa jika anda ingin menukar hanya div tertentu, anda boleh memberikannya ID atau kelas dalam HTML dan menyasarkannya menggunakan pengecam tersebut dalam CSS anda.

Atas ialah kandungan terperinci Mengapakah div saya tidak bertukar warna semasa tuding, hanya pautan di dalamnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!