2ks2-2025

Manakah selector yang memiliki specificity lebih tinggi dari .title:hover?

• #main

• p:first-child

• h1.title

• div .content

Jika sebuah elemen memiliki style berikut, mana yang akan diterapkan?

p { color: green; }

p { color: red !important; }

p { color: blue; }

• Hijau

• Merah

• Biru

• Tidak ada warna

Manakah cara yang benar untuk memilih <a> yang hanya ada dalam <nav>?

• nav + a

• nav > a

• nav a

• a.nav

Apa yang akan terjadi jika ada dua aturan berikut?

p { color: blue !important; }

p { color: red !important; }

• Teks menjadi biru

• Teks menjadi merah

• Warna yang ditulis terakhir akan menang

• Tidak ada warna karena konflik

Berapa specificity dari selector berikut?

div#main .title p:first-child { color: black; }

• 111

• 121

• 101

• 11

Urutan mana yang benar dalam Cascade Order?

• Inline Styles → External CSS → ID → Class

• External CSS → Internal CSS → Class → Element

• !important → Inline Styles → ID → Class → Element

• Element → Class → ID → Inline Styles

Apa yang terjadi jika ada aturan berikut dalam CSS?

p { color: blue !important; }

p { color: red; }

• Teks paragraf menjadi biru

• Teks paragraf menjadi merah

• Tidak ada warna karena konflik

• Warna akan bergantian berdasarkan urutan kode

Jika ada aturan CSS berikut, warna apa yang muncul?

h1 { color: blue; }       /* Specificity = 1 */

.title { color: green; }   /* Specificity = 10 */

#header { color: red; }    /* Specificity = 100 */

• Biru

• Hijau

• Merah

• Tidak ada warna

Manakah dari selector berikut yang memiliki specificity tertinggi?

• h1

• #header

• .title

• h1.title

Bagaimana aturan utama dalam Cascade Order jika ada beberapa aturan CSS yang bertabrakan?

• Selector yang lebih panjang akan menang

• Selector yang ditulis lebih awal dalam file CSS akan menang

• Selector dengan specificity tertinggi akan menang

• Semua aturan akan diterapkan bersamaan