Latihan 1 dari materi CSS Combinators di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Di editor, <div class="container"> punya satu <p> anak langsung, dan satu <p> lagi di dalam <section>. Warnai merah paragraf anak langsungnya:
Di dalam <style>, tulis aturan dengan selector .container > p (pakai child combinator >)
Deklarasinya color: red;
Hasilnya, cuma Anak langsung yang merah. Bukan anak langsung tetap hitam, karena induknya <section>.
Hint
Yang mau diwarnai cuma paragraf yang induk langsungnya .container, bukan yang ada di dalam <section>.
Child combinator > memilih anak langsung saja. Tulis selector class .container, lalu >, lalu p.
.container > p { color: red; }
</>{ }.css=>#idfn()
Versi baru
HyperSheets
bagian dari BelajarWeb.dev
0%
Membuka gerbang…
HyperSheets
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...
