Принцип каскадности в CSS заключается в определении порядка применения стилей к элементам HTML, когда несколько правил подходят для одного и того же элемента. 2

Это происходит путём чтения и применения стилей сверху вниз, позволяя более специфичным или более поздним правилам перекрывать предыдущие. 2

Принцип каскада основан на трёх основных концепциях: 2

1. Порядок следования (Source Order). 2 Порядок определения правил в стилевых таблицах и HTML-документе. 2 Когда два или более правила CSS применимы к одному и тому же элементу и имеют одинаковую специфичность, правило, определённое последним в таблице стилей, будет иметь приоритет. 2
2. Специфичность (Specificity). 2 Вес селекторов, используемых для назначения стилей. 2 Чем выше специфичность селектора, тем выше его приоритет. 3
3. Важность (Importance). 3 Правила с директивой !important имеют высший приоритет и применяются даже при наличии других конфликтующих правил. 3