Pseudoklasse first-of-type

Pseudoklassen first-of-type velger et element som er den første forekomsten av en spesifisert type i forelderen. Det vil si, hvis du skriver h2:first-of-type - vil den finne den første h2 i forelderen (i motsetning til first-child, som bare finner den h2 som står først i forelderen).

Syntaks

cssvelger:first-of-type {
  
}

Eksempel

La oss finne avsnittet som er det første avsnittet i forelderen:

html<div>
  <h2>tittel</h2>
  <p>avsnitt</p>
  
  <h2>tittel</h2>
  <p>avsnitt</p>
  
  <h2>tittel</h2>
  <p>avsnitt</p>
</div>

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

Результат: