Keturunan - Trik CSS

Anonim

Pemilih keturunan dalam CSS adalah mana-mana pemilih dengan ruang kosong antara dua pemilih tanpa penggabungan. Berikut adalah beberapa contoh:

ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )

Ambil ul li ( )sebagai contoh. Ini bermaksud "item senarai apa pun yang berasal dari senarai yang tidak tersusun."

Keturunan bermaksud di mana sahaja bersarang di dalamnya di pokok DOM. Bisa menjadi anak langsung, dalam lima tingkat, masih keturunan. Ini berbeza daripada penggabungan kanak-kanak (>) yang memerlukan elemen menjadi tahap bersarang seterusnya ke bawah.

Untuk menggambarkan, div span ( )akan sesuai:

 I will match
  • I will match too

Anda mungkin tidak perlu terlalu risau, tetapi pemilih yang kurang baik cukup "mahal" - bermaksud sukar / lambat untuk menjadikan mesin dapat mengetahui dan melakukan sesuatu. MDN:

Pemilih keturunan adalah pemilih termahal di CSS. Ia sangat mahal-terutama jika pemilih berada dalam Tag atau Kategori Universal.

Tetapi hanya jika dibandingkan dengan pemilih lain. Ia masih cepat dan anda mungkin tidak akan menyedarinya melainkan jika anda gila.

Sokongan Penyemak Imbas

Chrome Safari Firefox Opera IE Android iOS
Sebarang Sebarang Sebarang Sebarang Sebarang Sebarang Sebarang