Псевдоклас 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>пасуc</p>
  
  <h2>наслов</h2>
  <p>пасуc</p>
  
  <h2>наслов</h2>
  <p>пасуc</p>
</div>

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

Результат: