Psevdo-sinif first-of-type

Psevdo-sinif first-of-type valideynin verilən tipdeki ilk nəsli olan elementi seçir. Yəni, əgər h2:first-of-type yazılsa - valideyndəki ilk h2 tapılacaq (fərqli olaraq first-child-dan, o yalnız valideyndə ən birinci duran h2-nı tapır).

Sintaksis

cssselektor:first-of-type {
  
}

Nümunə

Valideyndə ilk abzas olan abzası tapaq:

html<div>
  <h2>başlıq</h2>
  <p>abzas</p>
  
  <h2>başlıq</h2>
  <p>abzas</p>
  
  <h2>başlıq</h2>
  <p>abzas</p>
</div>

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

Результат: