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;
}