Pseudoklas first-of-type

Die pseudoklas first-of-type kies 'n element wat die eerste kind van die ouer van 'n gegewe tipe is. Dit wil sê, as jy h2:first-of-type skryf - sal die eerste h2 in die ouer gevind word (in teenstelling met first-child, wat slegs daardie h2 sal vind wat heel eerste in die ouer staan).

Sintaksis

cssselektor:first-of-type {
  
}

Voorbeeld

Laat ons die paragraaf vind wat die eerste paragraaf in die ouer is:

html<div>
  <h2>opschrift</h2>
  <p>paragraaf</p>
  
  <h2>opschrift</h2>
  <p>paragraaf</p>
  
  <h2>opschrift</h2>
  <p>paragraaf</p>
</div>

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

Результат: