Pseudotřída first-child

Pseudotřída first-child vybere prvek, který je prvním potomkem svého rodiče.

Syntaxe

cssselektor:first-child {
  
}

Příklad

V tomto příkladu nastavíme červenou barvu tomu li, který je prvním potomkem svého rodiče (prvním v rámci ol):

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

cssli:first-child {
  color: red;
}

Результат: