Latihan 2: Specificity — CSS
Latihan 2 dari materi Specificity di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Aturan #teks { color: black; } bikin paragrafnya hitam. Bikin teksnya hijau tanpa mengubah CSS di <style>:
- Di tag pembuka
<p>, tambahkan atribut style="color: green;", misalnya sesudah class="warna".
CSS di atribut style (inline style) mengalahkan semua selector, termasuk id, jadi teksnya jadi hijau.
Hint
- Selector id sudah kuat, tapi masih ada yang lebih kuat: CSS yang ditulis langsung di tag-nya.
- Itu atribut style di tag pembuka <p>. Isinya sama kayak isi aturan CSS: properti, titik dua, nilai.
- <p id="teks" class="warna" style="color: green;">Warnai aku hijau!</p>
