Kichocheo cha first-of-type

Kichocheo first-of-type huchagua kipengele ambacho ni mtoto wa kwanza wa mzali wa aina maalum. Hiyo ni, ikiwa utaandika h2:first-of-type - h2 wa kwanza katika mzali utapatikana (tofauti na first-child, ambayo hutafuta tu h2 ambao uko wa kwanza kabisa katika mzali).

Kiendesi

csskichaguzi:first-of-type {
  
}

Mfano

Tutatafe aya, ambayo ni aya ya kwanza katika mzali:

html<div>
  <h2>kichwa</h2>
  <p>aya</p>
  
  <h2>kichwa</h2>
  <p>aya</p>
  
  <h2>kichwa</h2>
  <p>aya</p>
</div>

cssp:first-of-type {
  rangi: nyekundu;
}

Результат: