Принцип каскада
Каскад — одно из важнейших понятий в CSS. Само название CSS — Cascading Style Sheets, «каскадные таблицы стилей» явно упоминают это неочевидное определение.
Точнее, в определении каскада принимает участие не только специфичность, но и в первую очередь источник этих правил и область видимости. Также имеет важное значение порядок в коде (какие свойства были объявлены «позже», те «важнее»).
Источники правил
Чем выше — тем «важнее»:
1. Стили во время CSS-переходов (transition);
1. Браузерные стили с !important;
2. Пользовательские стили с !important;
3. Авторские (мы с вами пишем именно эти стили) стили с !important;
4. Стили во время анимаций;
5. Обычные (т. е. без !important) авторские стили;
6. Обычные пользовательские стили;
7. Обычные браузерные стили.
👉 @seniorFront