Latihan 1: Specificity — CSS
Latihan 1 dari materi Specificity di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Paragrafnya biru karena aturan .teks { color: blue; }. Bikin teksnya merah tanpa mengubah atau menghapus aturan itu:
- Di dalam
<style>, di bawah aturan .teks, tambahkan aturan baru dengan selector id #judul.
- Isinya
color: red;.
Selector id lebih kuat dari selector class, jadi aturan baru kamu yang menang, dan teksnya jadi merah.
Hint
- Dua aturan yang berebut warna dimenangkan selector yang lebih kuat. Paragrafnya punya id, dan id lebih kuat dari class.
- Selector id ditulis pakai tanda pagar dan nama id-nya: #judul. Isinya properti color dengan nilai red.
- .teks { color: blue; } lalu di bawahnya #judul { color: red; }
