first-child pszeudoklasszis

A first-child pszeudoklasszis kiválasztja azt az elemet, amely a szülő első gyermeke.

Szintaxis

cssszelektor:first-child {
  
}

Példa

Ebben a példában piros színűre állítjuk azt a li elemet, amely a saját szülőjének első gyermeke (az első az ol elemen belül):

html<ol>
  <li>listaelem</li>
  <li>listaelem</li>
  <li>listaelem</li>
  <li>listaelem</li>
  <li>listaelem</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: