Pseudo trieda first-child

Pseudo trieda first-child vyberá element, ktorý je prvým potomkom rodiča.

Syntax

cssselektor:first-child {
  
}

Príklad

V tomto príklade urobíme červenou farbou ten li, ktorý je prvým potomkom svojho rodiča (prvý v rámci ol):

html<ol>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: