CSS :last-of-type псевдо-класс

Определение и использование

CSS :last-of-type Псевдо-классы используются для выбора любого элемента, который является последним из своего типа в родительском элементе.

Совет:Это равно :nth-last-of-type(1) Соответствует.

Пример

Указать цвет фона для последнего <p> и последнего <li> элементов родителя:

p:last-of-type {
  background-color: yellow;
}
li:last-of-type {
  background-color: yellow;
}

Попробуйте сами

CSS грамматика

:last-of-type {
  css declarations;
}

Технические детали

Версия: CSS3

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот псевдо-класс.

Chrome Edge Firefox Сafari Опера
4.0 9.0 3.5 3.2 9.6

Соответствующие страницы

См. также:Псевдокласс :last-child в CSS