CSS selector p:nth-child(2)

Селектор :nth-child(n) обирає елемент, що є n елементом свого батька. n може бути числом, ключовим словом або формулою.

Цей селектор рахує всі елементи, не звертаючи уваги на їх тип та обирає тільки ті, що відповідають заданому тегу чи класу.

Для того, щоб рахувати не всі елементи, а тільки елементи заданого типу - використовуйте селектор :nth-of-type.

правити

+ додати пораду чи нотатку

Синтаксис

:nth-child(number) {


    css declarations;


}

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
nth-child	4	3.5	3.2	9.6	9

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

Приклади

+ запропонувати свій приклад у пісочниці

<div>
    <p>Перший абзац.</p>
    <p>Другий — червоний.</p>
    <p>Третій.</p>
</div>

p:nth-child(2) {
    background: red;
}