1. Bagaimana cara memilih elemen dengan nama id?
- “red-box”?red-box {}
- #red-box {}
- red:box {}
- @red-box {}
Pembahasan: Selector ID pada CSS dilambangkan dengan tanda pagar (#) pada awal nama selector, contoh: #paragraph-1 { }, Jadi jawaban yang benar adalah B. #red-box { }
2. Manakah diantara berikut ini penulisan class selector?
- selector {}
- .selector {}
- #selector {}
- [selector] {}
Pembahasan: Selector class merupakan selector yang paling banyak dipakai, dilambangkan dengan tanda titik didepan nama selector. Jadi jawaban yang paling tepat adalah B. .selector { }
3. Diantara berikut manakah selector yang paling spesifik?
- ID Selector
- Class Selector
- Tag Selector
- Attribute Selector
Pembahasan:
Dalam mengatur style pada CSS kadang terjadi tumpang tindih aturan yang mengakibatkan style tertentu saja yang digunakan oleh browser. Contoh tumpang tindih yang terjadi bisa dikarenakan kita mendeklarasikan ulang selector yang sudah ada, sehingga selector yang paling akhir dideklarasikan yang digunakan. Contoh lain dari tumpang tindih aturan CSS adalah ketika kita mendeklarasikan property sama pada suatu elemen dengan nilai berbeda
<body>
<p class=”paragraph” id=”paragraph”>Teks</p>
</body>
body {
color: red;
}
p {
color: blue;
}
#paragraph {
color: green;
}
.paragraph {
color: orange;
}
Dari contoh diatas color: green; yang akan dipilih karena dalam CSS selector ID merupakan selector yang paling spesifik
