Pseudoklasse first-child

Die Pseudoklasse first-child wählt ein Element aus, das das erste Kindelement seines Elternelements ist.

Syntax

cssSelektor:first-child {
  
}

Beispiel

In diesem Beispiel werden wir das li-Element, das das erste Kindelement seines Elternelements ist (das erste innerhalb von ol), rot färben:

html<ol>
  <li>Listenelement</li>
  <li>Listenelement</li>
  <li>Listenelement</li>
  <li>Listenelement</li>
  <li>Listenelement</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: