:first-child

Übersicht

Die :first-child CSS Pseudoklasse repräsentiert jedes Element, das das erste Kindelement seines Elternelements ist.

Syntax

element:first-child { Stileigenschaften }

Beispiele

Beispiel 1

HTML Inhalt

<div>
  <span>Dieser Text ist grün!</span>
  <span>Dieser Text nicht. :(</span>
</div>

CSS Inhalt

span:first-child {
    background-color: lime;
}

... sieht folgendermaßen aus:

Beispiel 2 - Verwendung von UL

HTML Inhalt

<ul>
  <li>Eintrag 1</li>
  <li>Eintrag 2</li>
  <li>Eintrag 3</li>
</ul>

CSS Inhalt

li{
  color:red;
}
li:first-child{
  color:green;
}

... sieht folgendermaßen aus:

Spezifikationen

Spezifikation Status Kommentar
Selectors Level 4
Die Definition von ':first-child' in dieser Spezifikation.
Arbeitsentwurf Keine Änderung
Selectors Level 3
Die Definition von ':first-child' in dieser Spezifikation.
Empfehlung Ursprüngliche Definition

Browser Kompatibilität

BCD tables only load in the browser

Siehe auch