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