MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

:last-of-type

Описание

CSS псевдокласс :last-of-type находит последнего потомка с заданным тегом в списке детей родительского элемента.

Синтаксис

element:last-of-type {стили }

Пример

Чтобы найти последний em элемент внутри <p> элемента, вы можете использовать это:

p em:last-of-type {
  color: lime;
}
<p>
  <em>Я не лаймовый :(</em>
  <strong>Я не лаймовый :(</strong>
  <em>Я лаймовый :D</em>
  <strong>Я тоже не лаймовый :(</strong>
</p>

<p>
  <em>Я не лаймовый :(</em>
  <span><em>Я лаймовый!</em></span>
  <strong>Я не лаймовый :(</strong>
  <em>Я лаймовый :D</em>
  <span><em>Я тоже лаймовый!</em> <strike> Я не лаймовый </strike></span>
  <strong>Я тоже не лаймовый :(</strong>
</p>

...результат будет следующим:

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

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

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

Возможность Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка 1.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,