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

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

правити

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

Синтаксис

:nth-last-of-type(number) {


    css declarations;


}

Переглядачі

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

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

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

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

Приклади

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

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

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