Pseudoklasas first-of-type

Pseudoklasas first-of-type pasirenka elementą, kuris yra pirmasis pagal tipą tėvinio elemento palikuonis. Tai yra, jei parašysite h2:first-of-type - bus rastas pirmasis h2 tėviniame elemente (skirtumas nuo first-child, kuris ras tik tą h2, kuris yra pati pirmoji tėvinio elemento dalis).

Sintaksė

cssselektorius:first-of-type {
  
}

Pavyzdys

Raskime pastraipą, kuri yra pirmoji pastraipa tėviniame elemente:

html<div>
  <h2>antraštė</h2>
  <p>pastraipa</p>
  
  <h2>antraštė</h2>
  <p>pastraipa</p>
  
  <h2>antraštė</h2>
  <p>pastraipa</p>
</div>

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

Результат: