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>
<p>Untuk menukar warna latar belakang div tersembunyi apabila melayang di atas div cheetah, tambahkan CSS berikut:</p>
<pre class="brush:php;toolbar:false">#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.