Latihan 2: Pseudo-classes — CSS
Latihan 2 dari materi Pseudo-classes di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Warnai cuma item pertama daftarnya:
- Biarkan aturan
li { color: black; } apa adanya, supaya item lain tetap hitam.
- Di bawahnya, tambahkan aturan baru dengan selector
li:first-child.
- Isinya
color: red;.
Hasilnya, Pertama jadi merah, sedangkan Kedua dan Ketiga (item terakhir) tetap hitam.
Hint
- Yang diwarnai cuma item yang posisinya paling depan di daftar, bukan semua item.
- Pseudo-class buat anak pertama adalah :first-child. Tulis nempel di belakang li, lalu isi dengan color: red. Jangan ubah aturan li yang lama.
- li { color: black; } lalu di bawahnya li:first-child { color: red; }
