Section ini membahas cascade, inheritance, dan specificity sebagai bagian dari Course CSS. Ikuti chapter di dalamnya secara berurutan karena setiap chapter dibangun di atas pemahaman chapter sebelumnya. Gunakan demo interaktif pada setiap halaman untuk melihat langsung efek kode yang sedang dibahas.

# Cascade CSS

Pahami mekanisme cascade: urutan kriteria tetap yang dipakai browser untuk memilih satu pemenang ketika beberapa deklarasi CSS saling bertentangan.

Buka → # Source Order

Kuasai kriteria cascade yang paling sederhana: ketika specificity seri, deklarasi yang ditulis paling akhir menjadi pemenang.

Buka → # Specificity

Hitung bobot selector dengan formula (a, b, c) dan pahami mengapa satu id dapat mengalahkan belasan class sekaligus.

Buka → # Inheritance

Pahami property mana yang diwariskan ke elemen anak, mana yang tidak, dan mengapa nilai warisan selalu kalah dari deklarasi langsung apa pun.

Buka → # Initial, Inherit, dan Unset

Kendalikan arah nilai CSS dengan empat kata kunci global — initial, inherit, unset, revert — dan ketahui kapan masing-masing paling tepat dipakai.

Buka → # !important

Pelajari cara kerja !important dalam cascade, kapan pemakaiannya sah, dan mengapa menyebar berlebihan membuat stylesheet sulit diurus.

Buka → # Konflik Aturan CSS

Gabungkan seluruh kriteria cascade menjadi prosedur keputusan utuh dan pecahkan tiga skenario konflik CSS langkah demi langkah.

Buka → # Debugging Specificity

Gunakan panel Styles di DevTools untuk membaca vonis cascade, memfilter deklarasi, dan memilih strategi perbaikan konflik specificity yang tepat.

Buka →