Ψευδοκλάση first-child

Η ψευδοκλάση first-child επιλέγει ένα στοιχείο, που είναι το πρώτο θυγατρικό του γονέα του.

Σύνταξη

cssεπιλογέας:first-child {
  
}

Παράδειγμα

Σε αυτό το παράδειγμα, θα κάνουμε κόκκινο το χρώμα αυτού του li που είναι το πρώτο θυγατρικό του γονέα του (το πρώτο μέσα στο ol):

html<ol>
  <li>στοιχείο λίστας</li>
  <li>στοιχείο λίστας</li>
  <li>στοιχείο λίστας</li>
  <li>στοιχείο λίστας</li>
  <li>στοιχείο λίστας</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: