CSS selector p:nth-of-type(2)

Селектор :nth-of-type(n) обирає елемент, що є n елементом одного типу свого батька. n може бути числом, ключовим словом або формулою. Цей селектор рахує тільки ті елементи, що відповідають заданому тегу чи класу. Для того, щоб рахувати всі елементи, а не тільки елементи заданого типу - використовуйте селектор :nth-child

правити

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

Синтаксис

:nth-of-type(number) {


    css declarations;


}

Переглядачі

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

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

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

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

Приклади

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

<div>
    <h3>Заголовок не рахується.</h3>
    <p>Перший абзац.</p>
    <p>Другий абзац — червоний.</p>
</div>

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