Seringkali dua aturan CSS saling memperebutkan elemen yang sama. Section ini menjelaskan aturan main yang dipakai browser menentukan pemenang: cascade origins, specificity, source order, mekanisme inheritance, kata kunci kontrol nilai, hingga cascade layers sebagai fitur pengelolaan modern.

# Cascade Origins

Kenali tiga origin gaya pada CSS — user-agent, user, dan author — beserta urutan prioritas yang dipakai browser menyelesaikan konflik di antara mereka.

Buka → # Specificity dan Source Order

Pelajari dua penentu berikutnya dalam cascade — specificity dan source order — yang memutuskan pemenang ketika beberapa deklarasi author menunjuk elemen yang sama.

Buka → # Inheritance

Pahami mekanisme inheritance CSS: properti mana yang mengalir ke turunan, mana yang tidak, dan bagaimana deklarasi langsung mengalahkan nilai warisan.

Buka → # Initial, Inherit, dan Unset

Gunakan kata kunci CSS initial, inherit, dan unset untuk mengontrol nilai sebuah properti secara eksplisit, termasuk perilaku shorthand all.

Buka → # Revert dan Revert-layer

Gunakan kata kunci revert dan revert-layer untuk mengembalikan properti ke nilai dari origin sebelumnya atau dari layer sebelumnya.

Buka → # Cascade Layers

Kelola prioritas stylesheet secara eksplisit dengan @layer: urutan deklarasi layer, kedudukan gaya unlayered, dan pembalikan urutan oleh !important.

Buka → # Mengatasi Conflicting Styles

Ikuti prosedur diagnosis konflik gaya CSS: memeriksa origin, specificity, source order, inheritance, dan cascade layers hingga konflik terselesaikan.

Buka →