Pseudoklasa first-child

Pseudoklasa first-child wybiera element, który jest pierwszym elementem potomnym swojego rodzica.

Składnia

cssselektor:first-child {
  
}

Przykład

W tym przykładzie ustawimy kolor czerwony dla tego elementu li, który jest pierwszym elementem potomnym swojego rodzica (pierwszy wewnątrz ol):

html<ol>
  <li>element listy</li>
  <li>element listy</li>
  <li>element listy</li>
  <li>element listy</li>
  <li>element listy</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: