Псевдокласс 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;
}