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

Результат: