Pseudoclasse first-child

A pseudoclasse first-child seleciona um elemento que é o primeiro filho de seu elemento pai.

Sintaxe

cssseletor:first-child {
  
}

Exemplo

Neste exemplo, vamos deixar vermelho o elemento li que for o primeiro filho de seu elemento pai (o primeiro dentro de ol):

html<ol>
  <li>item de lista</li>
  <li>item de lista</li>
  <li>item de lista</li>
  <li>item de lista</li>
  <li>item de lista</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: