Selektor turunan di CSS adalah pemilih apa pun dengan spasi kosong di antara dua pemilih tanpa kombinator. Berikut beberapa contohnya:
ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )Ambil ul li ( )contoh. Artinya "item daftar apa pun yang merupakan turunan dari daftar yang tidak diurutkan".
Keturunan berarti di mana saja bersarang di dalamnya di pohon DOM. Bisa anak langsung, bisa sedalam lima tingkat, masih keturunan. Ini berbeda dengan kombinator turunan (>) yang mengharuskan elemen menjadi tingkat bersarang berikutnya di bawah.
Sebagai ilustrasi, div span ( )akan cocok dengan:
I will match
- I will match too
Anda mungkin tidak perlu terlalu mengkhawatirkannya, tetapi pemilih yang baik cukup "mahal" - yang berarti sulit / lambat untuk mesin rendering untuk mencari tahu dan melakukan sesuatu. MDN:
Pemilih keturunan adalah pemilih termahal di CSS. Ini sangat mahal-terutama jika pemilihnya ada di Tag atau Kategori Universal.
Tetapi hanya dibandingkan dengan penyeleksi lainnya. Ini masih sangat cepat dan Anda mungkin tidak akan pernah menyadarinya kecuali Anda menjadi gila.
Dukungan Browser
| Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
|---|---|---|---|---|---|---|
| Apa saja | Apa saja | Apa saja | Apa saja | Apa saja | Apa saja | Apa saja |