Bagaimanakah CSS Lebih Besar Daripada Pemilih (>) Menyasarkan Elemen Kanak-Kanak Khusus?

) Sasaran Elemen Kanak-Kanak Khusus? " />

CSS Lebih Besar Daripada Pemilih: Penjelasan

Lebih besar daripada simbol (>) dalam CSS digunakan untuk menyasarkan elemen kanak-kanak segera. Ia hanya memilih yang elemen yang bersarang secara langsung dalam yang lain elemen.

Penggunaan

Untuk menyasarkan kanak-kanak terdekat, gunakan sintaks berikut:

parent-selector > child-selector {
  /* CSS rules */
}

Contoh

Pertimbangkan struktur HTML berikut:

<div class="parent">
  <div class="child1">...</div>
  <div class="child2">...</div>
</div>

Jika anda ingin menggunakan gaya hanya pada elemen child1, gunakan peraturan CSS berikut:

.parent > .child1 {
  /* CSS rules */
}

Dalam kes ini, peraturan gaya hanya akan digunakan pada child1 kerana ia merupakan anak langsung unsur .parent.

Nota

Pemilih yang lebih besar hanya menyasarkan kanak-kanak segera Jika anda ingin menyasarkan elemen itu bersarang lebih jauh ke bawah dalam struktur HTML, anda boleh menggunakan pemilih keturunan ( ).

Atas ialah kandungan terperinci Bagaimanakah CSS Lebih Besar Daripada Pemilih (>) Menyasarkan Elemen Kanak-Kanak Khusus?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!