:nth-last-of-type

Описание

CSS псевдокласс :nth-last-of-type находит элемент, имеющий an+b-1 потомков после него с тем же тегом в дереве документа, значение для может быть положительным или нулевым, а также имеющий родительский элемент. Смотрите :nth-child для подробного описания синтаксиса его аргументов.

Синтаксис

element:nth-last-of-type(an + b) {стили }

Пример

Следующий HTML...

<div>
  <span>Этот span первый!</span>
  <span>А этот нет. :(</span>
  <em>Этот нечётный. </em>
  <span>А этот чётный!</span>
  <strike>Это другой тип</strike>
  <span>Грустно, но этот не подходит...</span>
</div>

...использует этот CSS...

span:nth-last-of-type(2) {
  background-color: lime;
}

...результат будет:

Спецификации

Спецификации Статус Комментарий
Selectors Level 4
Определение ':nth-last-of-type' в этой спецификации.
Рабочий черновик Без изменений
Selectors Level 3
Определение ':nth-last-of-type' в этой спецификации.
Рекомендация Изначальное определение

Поддержка браузерами

Возможность Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка 4.0 3.5 (1.9.1) 9.0 9.5 3.2
Возможность Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Базовая поддержка 2.1 1.0 (1.9.1) 9.0 10.0 3.2

Смотрите также

Метки документа и участники

Метки: 
 Внесли вклад в эту страницу: BychekRU
 Обновлялась последний раз: BychekRU,