Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить :first-child?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`:first-child`** - це псевдоклас, який вибирає елемент, що є першою дитиною свого батьківського елемента, незалежно від типу тегу. **Ключове:** він спрацює лише якщо елемент дійсно стоїть першим серед усіх сусідів на своєму рівні, а не просто перший серед елементів свого типу.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення`:first-child`, це псевдоклас, який вибирає **елемент, що є першою дитиною свого батьківського елемента**. Він спрацює лише в тому випадку, якщо елемент дійсно стоїть **першим усередині контейнера**, серед усіх сусідів на одному рівні. --- ### **Приклад** ```html <ul> <li>Перший</li> <li>Другий</li> </ul> ``` ```css li:first-child { color: red; } ``` У цьому прикладі червоним стане тільки перший `<li>`, тому що він, перший дочірній елемент усередині `ul`. --- ### **Коли :first-child НЕ спрацює** Якщо `li` не перший у списку: ```html <ul> <span></span> <li>Пункт</li> </ul> ``` Тоді `li:first-child` **не застосується**, тому що першою дитиною є `span`. --- ### **Підсумок** `:first-child` вибирає лише ті елементи, які перебувають **на першій позиції всередині свого батьківського елемента**. Він залежить від структури HTML і не дивиться на тип тегу, важливе лише положення в дереві.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.