Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Як впливає порядок оголошення на підсумковий стиль?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Порядок оголошення** впливає на підсумковий стиль лише тоді, коли два правила мають однакову специфічність і однакове джерело: у такому разі перемагає правило, записане нижче. **Ключове:** якщо специфічність різна, порядок ролі не відіграє, наприклад ID переможе клас, навіть якщо оголошений вище.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняПорядок оголошення впливає на підсумковий стиль у тому випадку, коли **два правила мають однакову специфічність і однакове джерело стилів**. У такій ситуації спрацьовує принцип: **«Перемагає останнє оголошення»** --- ### **Приклад** ```css p { color: blue; } p { color: red; } ``` Підсумок: текст буде **червоним**, тому що друге правило стоїть нижче і перекриває перше. --- ### **Коли порядок важливий** Порядок впливає лише якщо: - у правил **однакова специфічність** - вони належать до одного типу джерела (наприклад, обидва з одного CSS-файлу) - немає `!important` і inline-стилю --- ### **Коли порядок НЕ має сили** Порядок не спрацює, якщо друге оголошення слабше за специфічністю: ```css #id { color: blue; } p { color: red; } ``` Тут переможе **ID**, навіть якщо він оголошений вище. --- ### **Підсумок** Порядок оголошення працює як останній рівень каскаду: якщо пріоритет і специфічність рівні, **нижче записане правило перекриває верхнє**.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.