Pseudo klasė first-child

Pseudo klasė first-child pasirenka elementą, kuris yra pirmasis tėvinio elemento palikuonis.

Sintaksė

cssselektorius:first-child {
  
}

Pavyzdys

Šiame pavyzdyje mes padarysime raudonos spalvos tą li, kuris yra pirmasis savo tėvinio elemento palikuonis (pirmasis ol viduje):

html<ol>
  <li>sąrašo elementas</li>
  <li>sąrašo elementas</li>
  <li>sąrašo elementas</li>
  <li>sąrašo elementas</li>
  <li>sąrašo elementas</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: