Bagaimanakah Saya Boleh Menggayakan Elemen Kanak-Kanak Apabila Elemen Induknya Dilegarkan?

Melaraskan Gaya Elemen Anak pada Tuding Elemen Induk

Anda boleh mengubah gaya elemen anak apabila elemen induk dilegar menggunakan CSS. Untuk mencapai ini, gunakan pseudoclass :hover.

.parent:hover .child {
  /* Styles applied here will affect child elements when the parent is hovered */
}

Peraturan ini memilih semua elemen anak dalam elemen induk yang sedang dilegar. Gaya yang digunakan dalam kurung kurawal akan digunakan pada elemen anak hanya apabila elemen induk dituding.

Sebagai contoh, jika anda perlu menukar warna menu lungsur apabila item menu induk berlegar, anda boleh menggunakan CSS berikut:

.menu-item:hover .drop-down-menu {
  background-color: #ccc;
}

Ini akan menukar warna latar belakang menu lungsur turun kepada kelabu muda apabila item menu yang sepadan dilegar, memberikan isyarat visual kepada pengguna.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggayakan Elemen Kanak-Kanak Apabila Elemen Induknya Dilegarkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!