CSS selector p:first-child

Селектор :first-child використовується для обрання визначенних елементів, які є першим нащадком свого батька. Цей селектор аналогічний по своїй дії з селектором :nth-child(1).

Синтаксис

:first-child {


    css declarations;


}

Переглядачі

Переглядач
first-child

4.0

7.0

3.0

3.1

9.6


Мобільних переглядачів ще не додано.


Мобільних переглядачів ще не додано.

Приклади


Обирає і всі елементи ``, які є першим нащадком свого батька, і задає їм стиль

p:first-child { 


    background-color: yellow;


}

Обирає і всі елементи <i>, які є першим нащадком свого батька - елемента ``, і задає їм стиль

p:first-child i {


    background: yellow;


}

Обирає і першитй елемент <li> у списку і задає йому стиль

li:first-child {


    background: yellow;


}

Обирає першого нащадка кожного елемента <ul> і задає йому стиль

ul > :first-child {


    background: yellow;


}