Pseudoklass first-of-type

Pseudoklass first-of-type valib elemendi, mis on esimene etteantud tüüpi vanema järglane. See tähendab, kui kirjutada h2:first-of-type - leitakse esimene h2 vanemas (erinevalt first-child'ist, mis leiab ainult selle h2, mis on vanemas kõige esimesel kohal).

Süntaks

cssselektor:first-of-type {
  
}

Näide

Leiame lõigu, mis on esimene lõik vanemas:

html<div>
  <h2>pealkiri</h2>
  <p>lõik</p>
  
  <h2>pealkiri</h2>
  <p>lõik</p>
  
  <h2>pealkiri</h2>
  <p>lõik</p>
</div>

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

Результат: