Pseudotrieda first-of-type

Pseudotrieda first-of-type vyberá element, ktorý je prvým potomkom rodiča daného typu. To znamená, že ak napíšete h2:first-of-type - nájde sa prvý h2 v rodičovi (na rozdiel od first-child, ktorý nájde len ten h2, ktorý stojí ako úplne prvý v rodičovi).

Syntax

cssselektor:first-of-type {
  
}

Príklad

Nájdime odsek, ktorý je prvým odsekom v rodičovi:

html<div>
  <h2>nadpis</h2>
  <p>odsek</p>
  
  <h2>nadpis</h2>
  <p>odsek</p>
  
  <h2>nadpis</h2>
  <p>odsek</p>
</div>

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

Результат: