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

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

Синтаксис

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

Пример

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

html<div>
  <h2>заголовок</h2>
  <p>абзац</p>
  
  <h2>заголовок</h2>
  <p>абзац</p>
  
  <h2>заголовок</h2>
  <p>абзац</p>
</div>

cssh2:last-of-type {
  color: red;
}

Результат: