Latihan 1: CSS Variables — CSS
Latihan 1 dari materi CSS Variables di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Bikin satu variabel warna, lalu pakai buat judul:
- Di dalam
:root { } yang masih kosong, buat variabel --warna-utama dengan nilai blue.
- Di aturan
h1, ganti color: black jadi color: var(--warna-utama).
Hasilnya, judulnya biru, dan warnanya diambil dari variabel.
var(--warna-utama) dicek dari kodenya, jadi menulis color: blue langsung belum cukup.
Hint
- Ada dua langkah: simpan warnanya dulu di :root, lalu panggil dari h1.
- Variabel dibuat dengan nama berawalan dua tanda hubung, --warna-utama, dan dibaca dengan fungsi var().
- :root { --warna-utama: blue; } h1 { color: var(--warna-utama); }
