CSS selector p:nth-child(2)

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

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

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

Синтакс

:nth-child(number) {
    css declarations;
}

Переглядачі

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

4

9

3.5

3.2

9.6


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

Приклади


Робимо червоний фон другому елементу, ящо цей елемент <p> (параграф).

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

Всі Коментарі (0)

Зареєструйся на сайті, аби мати змогу залишати коментарі. Зареєструватися  чи
Немає Коментарів