Псевдокласс first-of-type

Псевдокласс first-of-type элементеро интихоб мекунад, ки якуми фарзанди аз навъи мушаххасшудаи волидайн мебошад. Яъне, агар нависед h2:first-of-type - якуми h2 дар волидайн пайдо карда мешавад (фарқият бо first-child, ки танҳо он h2-ро меёбад, ки даруни волидайн аввалин қарор мегирад).

Синтаксис

cssинтихобкунанда:first-of-type {
  
}

Намуна

Абзацеро меёбем, ки якуми абзац дар волидайн мебошад:

html<div>
  <h2>унвон</h2>
  <p>абзац</p>
  
  <h2>унвон</h2>
  <p>абзац</p>
  
  <h2>унвон</h2>
  <p>абзац</p>
</div>

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

Результат: