Beispiel
Auswählen und Stil jedes <p> Element , das das erste Kind seiner Eltern ist:
p:first-child
{
background-color: yellow;
}
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Der: first-Kind-Selektor wird verwendet, um die angegebene Selektor zur Auswahl, nur wenn es das erste Kind seiner Eltern ist.
| Version: | CSS2 |
|---|
Browser-Unterstützung
Die Zahlen in der Tabelle gibt die erste Browser-Version, die die Wähler voll unterstützt.
| Wähler | |||||
|---|---|---|---|---|---|
| :first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Note: Für: first-child in IE8 zu arbeiten und früher ein <! DOCTYPE> muss deklariert werden.
CSS-Syntax
Mehr Beispiele
Beispiel
Wählen und Stil jedes <i> Element jeder <p> Element, wobei das <p> Element ist das erste Kind ihrer Eltern:
p:first-child i
{
background: yellow;
}
Versuch es selber " Beispiel
Wählen und Stil das erste <li> Element in Listen:
li:first-child
{
background: yellow;
}
Versuch es selber " Beispiel
Wählen und Stil das erste Kind Element jeder <ul> Element:
ul > :first-child
{
background: yellow;
}
Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Pseudo - Klassen