Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Як псевдокласи впливають на специфічність?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Псевдокласи** рахуються як селектори рівня класу, тому підвищують специфічність, додаючи +1 до колонки `class` (наприклад `:hover`, `:focus`, `:nth-child()`). **Ключове:** `:where()` - виняток, його специфічність завжди 0, навіть якщо всередині є інші селектори.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняПсевдокласи рахуються як **селектори рівня класу**, тому вони **підвищують специфічність**, додаючи +1 до колонки `class` у формулі специфічності. Спрощено: | Тип селектора | Специфічність | |---|---| | `#id` | 1,0,0 | | `.class`, `:hover`, `:focus`, `:nth-child()` тощо | 0,1,0 | | `element` або `::pseudo-element` | 0,0,1 | Отже: - `:hover`, `:focus`, `:active`, `:nth-child()`, `:not()` та інші псевдокласи → **підвищують специфічність**, як клас - `:where()` - виняток, його специфічність завжди **0**, навіть якщо всередині є інші селектори **Висновок:** більшість псевдокласів роблять селектор сильнішим, ніби ти додав до нього клас.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.