# Псевдокласс last-of-type

Псевдокласс `last-of-type` выбирает элемент, который является последним потомком родителя заданного типа. То есть, если я напишу `h2:last-of-type` - найдется последний `h2` в родителе (в отличии от `last-child`, который найдет только тот `h2`, который стоит самым последним в родителе).

## Синтаксис

`селектор:last-of-type { }`

## Пример

Найдем заголовок `h2`, который является последним `h2` в родителе:

`<div> <h2>заголовок</h2> <p>абзац</p> <h2>заголовок</h2> <p>абзац</p> <h2>заголовок</h2> <p>абзац</p> </div>` `h2:last-of-type { color: red; }`

:

←→
↑