CSS TutorialLesson 30Preview gratis
CSS Combinators
Lesson ini bagian dari CSS · Semua level
Ringkasan
Combinator menggabungkan dua selector untuk memilih elemen berdasarkan hubungannya dengan elemen lain. Ada empat jenis: descendant (spasi), child (>) yang hanya anak langsung, adjacent sibling (+) yang bersebelahan tepat, dan general sibling (~) yang semua saudara setelahnya. Dengan combinator, gaya bisa diberikan lebih terarah tanpa menambah banyak class di HTML.
Poin kunci
- Descendant selector (A B) memilih semua B di dalam A, berapa pun level kedalamannya.
- Child selector (A > B) hanya memilih B yang menjadi anak langsung A.
- Adjacent sibling (A + B) memilih B yang tepat berada setelah A dalam induk yang sama.
- General sibling (A ~ B) memilih semua B yang berada setelah A dalam induk yang sama.
- Combinator mengurangi kebutuhan menambahkan class tambahan di HTML.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.