Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Який пріоритет у селектора ID?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**ID-селектор** має дуже високий пріоритет: він стоїть вище за селектори за класом і тегом, але нижче за inline-стилі та `!important` (у формулі специфічності це 1 бал у розряд `b`). **Ключове:** ID-селектор майже завжди перемагає клас і тег, якщо вони конфліктують.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняСелектор `ID` має **дуже високий пріоритет**, він стоїть **вище за селектори за класом і за тегом**, але нижче, ніж inline-стилі та `!important`. Якщо виражати через формулу специфічності `[a, b, c, d]`, то ID дає **1 бал у розряд** `b`, тобто: ```javascript #header → [0, 1, 0, 0] .class → [0, 0, 1, 0] div → [0, 0, 0, 1] ``` --- ### Підсумок за пріоритетом селекторів (згори вниз) 1. `!important` 2. **inline-стилі (**`style=""`**)** 3. **селектори за ID (**`#id`**)** 4. селектори за класом, атрибутом, псевдокласом 5. селектори за тегом 6. типові стилі браузера --- Таким чином, **ID-селектор має один з найвищих пріоритетів серед звичайних CSS-селекторів** і майже завжди «перемагає» клас і тег, якщо вони конфліктують.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.