: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 |
Совместимость с браузерами
Loading…