Pseudoclase first-child

La pseudoclase first-child selecciona un elemento que es el primer hijo de su elemento padre.

Sintaxis

cssselector:first-child {
  
}

Ejemplo

En este ejemplo, haremos que sea de color rojo aquel li que es el primer hijo de su elemento padre (el primero dentro de ol):

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

cssli:first-child {
  color: red;
}

Результат: