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

Псевдокласът last-of-type избира елемент, който е последен потомък на родителя от зададен тип. Това означава, че ако напиша 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;
}

Результат: