This page was translated from English by the community.Learn more and join the MDN Web Docs community.
:nth-last-of-type()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
CSSпсевдокласс:nth-last-of-type() находит один или более элементов с заданным тегом, основываясь на их позиции среди группы соседних элементов, считая с конца.
/* Выбирает каждый четвёртый элемент <p> среди любой группы соседних элементов, отсчёт начинается с последнего элемента */p:nth-last-of-type(4n) { color: lime;}Примечание:Этот псевдокласс практически такой же как:nth-of-type, за исключением того, что счёт элементов производится в обратном порядке начиная сконца, а не в обычном порядке с начала.
Синтаксис
Псевдоклассnth-last-of-type указывается с единственным аргументом, описывающим паттерн для выбирания элементов, начиная с конца.
Более детальное описание синтаксиса может быть найдено на странице псевдокласса:nth-last-child.
Формальный синтаксис
Error: could not find syntax for this itemПример
HTML
<div> <span>Это span.</span> <span>Это другой span.</span> <em>Это текст будет подчёркнут.</em> <span>Круто, этот span лаймовый!!!</span> <strike>Это вообще не span.</strike> <span>Это ещё один последний span.</span></div>CSS
span:nth-last-of-type(2) { background-color: lime;}Результат
Спецификации
| Specification |
|---|
| Selectors Level 4 # nth-last-of-type-pseudo |