Pseudo-sınıf last-of-type

Pseudo-sınıf last-of-type, ebeveyninin belirtilen türdeki son elemanı olan bir öğeyi seçer. Yani, h2:last-of-type yazarsam - ebeveyndeki son h2 bulunur (ebeveynde en son sırada duran h2'yi bulan last-child'den farklı olarak).

Sözdizimi

cssseçici:last-of-type {
  
}

Örnek

Ebeveyndeki son h2 olan başlığı bulalım:

html<div>
  <h2>başlık</h2>
  <p>paragraf</p>
  
  <h2>başlık</h2>
  <p>paragraf</p>
  
  <h2>başlık</h2>
  <p>paragraf</p>
</div>

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

Результат: