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

Результат: