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

9

3.5

3.2

9.6


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


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

Приклади


Встановлюємо тло червоного кольору для елемента <р>, що є другим <р> елементом свого батька.

p:nth-of-type(2) {


    background: red;


}