first-of-type Sözde Sınıfı

first-of-type sözde sınıfı, evebeyninin belirtilen türündeki ilk alt öğesi olan elementi seçer. Yani, eğer h2:first-of-type yazılırsa - ebeveyndeki ilk h2 bulunur (ebeveyndeki en birinci alt öğe olan h2'yi bulan first-child'den farklı olarak).

Sözdizimi

cssseçici:first-of-type {
  
}

Örnek

Ebeveyndeki ilk paragraf olan paragrafı 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>

cssp:first-of-type {
  color: red;
}

Результат: