В чём заключается принцип каскадности в CSS?

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

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

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

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