Pseudokelas first-of-type

Pseudokelas first-of-type memilih elemen yang merupakan anak pertama ibu bapa bagi jenis yang ditentukan. Iaitu, jika ditulis h2:first-of-type - h2 pertama dalam ibu bapa akan dijumpai (berbeza dengan first-child, yang hanya akan menjumpai h2 yang berada pada kedudukan pertama dalam ibu bapa).

Sintaks

csspemilih:first-of-type {
  
}

Contoh

Mari cari perenggan, yang merupakan perenggan pertama dalam ibu bapa:

html<div>
  <h2>tajuk</h2>
  <p>perenggan</p>
  
  <h2>tajuk</h2>
  <p>perenggan</p>
  
  <h2>tajuk</h2>
  <p>perenggan</p>
</div>

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

Результат: