Основные принципы каскадности (каскадирования) в CSS при задании стилей: 1

1. Последовательность источников. 1 Стили могут быть определены в разных местах: внешние таблицы стилей (CSS-файлы), внутренние таблицы стилей (внутри тега <style>) и встроенные стили (в атрибуте style HTML-элемента). 1 Правила применяются в порядке их появления. 1
2. Специфичность. 1 Каждый селектор имеет свой уровень специфичности. 1 Чем выше специфичность селектора, тем выше его приоритет. 1 Например, селектор идентификатора (#header) более специфичен, чем селектор класса (.header), поэтому он переопределит его, если оба будут применены к одному и тому же элементу. 2
3. Важность. 1 Правила с директивой !important имеют высший приоритет и применяются даже при наличии других конфликтующих правил. 1 Однако чрезмерное использование !important может привести к проблемам с обслуживанием, и его следует избегать без крайней необходимости. 2
4. Порядок появления в коде. 4 Стили применяются по очереди, и последующие переопределяют предыдущие. 4 Когда два или более правила CSS применимы к одному и тому же элементу и имеют одинаковую специфичность, правило, определённое последним в таблице стилей, будет иметь приоритет. 3