Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Menggayakan Elemen Kanak-Kanak Apabila Elemen Induknya Dilegarkan?

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

Linda Hamilton
Linda Hamiltonasal
2024-12-07 04:09:11968semak imbas

How Can I Style Child Elements When Their Parent Element is Hovered?

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!

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