CSS : First-Child- Selektor
Beispiel
Wählen und formatieren Sie jedes <p>-Element, das das erste untergeordnete Element seines übergeordneten Elements ist:
p:first-child
{
background-color: yellow;
}
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Der :first-child
Selektor wird verwendet, um den angegebenen Selektor nur dann auszuwählen, wenn er das erste untergeordnete Element seines übergeordneten Elements ist.
Ausführung: | CSS2 |
---|
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die den Selektor vollständig unterstützt.
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
CSS-Syntax
:first-child {
css declarations;
}
Mehr Beispiele
Beispiel
Wählen Sie jedes <i>-Element jedes <p>-Elements aus und formatieren Sie es, wobei das <p>-Element das erste untergeordnete Element seines übergeordneten Elements ist:
p:first-child i
{
background: yellow;
}
Beispiel
Wählen Sie das erste <li>-Element in Listen aus und formatieren Sie es:
li:first-child
{
background: yellow;
}
Beispiel
Wählen Sie das erste untergeordnete Element jedes <ul>-Elements aus und gestalten Sie es:
ul > :first-child
{
background: yellow;
}
Verwandte Seiten
CSS-Tutorial: CSS-Pseudoklassen