Pseudo-klasa first-child

Pseudo-klasa first-child bira element koji je prvi potomak svog roditelja.

Sintaksa

cssselektor:first-child {
  
}

Primer

U ovom primeru ćemo crvenu boju dati onom li elementu koji je prvi potomak svog roditelja (prvi unutar ol):

html<ol>
  <li>stavka liste</li>
  <li>stavka liste</li>
  <li>stavka liste</li>
  <li>stavka liste</li>
  <li>stavka liste</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: