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

Результат: