Bagaimanakah Saya Boleh Mengubah Gaya Elemen Kanak-Kanak semasa Melayang di Atas Elemen Induknya Menggunakan CSS?

Menukar Elemen pada Tuding Menggunakan CSS

Apabila menuding pada elemen tertentu, anda mungkin mahu membuat perubahan pada elemen lain. Ini boleh dicapai melalui CSS, tetapi hanya jika elemen tersembunyi ialah anak kepada elemen berlegar.

Pertimbangkan contoh berikut:

<div>

Untuk menukar warna latar belakang div tersembunyi apabila melayang di atas div cheetah, tambahkan CSS berikut:

#cheetah {
  background-color: red;
  color: yellow;
  text-align: center;
}

a {
  color: blue;
}

#hidden {
  background-color: black;
}

#cheetah:hover #hidden {
  background-color: orange;
  color: orange;
}

Dengan menyatakan #cheetah:hover #hidden, anda sedang memilih div tersembunyi hanya apabila div cheetah dilegarkan. Ini membolehkan anda menukar penampilannya tanpa menjejaskan unsur lain.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengubah Gaya Elemen Kanak-Kanak semasa Melayang di Atas Elemen Induknya Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!