Kindselektoren

Der > Kombinator teilt zwei Selektoren und matcht nur jene Elemente, die vom zweiten Selektor gematcht wurden, die direkte Kinder von Elementen sind, die vom ersten gemacht wurden. Falls im Gegensatz dazu zwei Selektoren mittels des Nachfahrenselektors kombiniert werden, matcht der kombinierte Selektorausdruck jene Elemente, die vom zweiten Selektor gemacht werden, für welche ein Vorfahrelement existiert, das vom ersten Selektor gematcht wird, unabhängig von der Anzahl der "Sprünge" aufwärts im DOM.

Syntax

selector1 > selector2 { Stileigenschaften }

Beispiel

span {
  background-color: white;
}

div > span {
  background-color: DodgerBlue;
}
<div>
  <span>Span 1. Innerhalb des Divs.
    <span>Span 2. Innerhalb des Spans, der sich im Div befindet.</span>
  </span>
</div>
<span>Span 3. In keinem Div.</span>

Spezifikationen

Spezifikation Status Kommentar
Selectors Level 4
Die Definition von 'child combinator' in dieser Spezifikation.
Arbeitsentwurf  
Selectors Level 3
Die Definition von 'child combinators' in dieser Spezifikation.
Empfehlung Keine Änderung
CSS Level 2 (Revision 1)
Die Definition von 'child selectors' in dieser Spezifikation.
Empfehlung Ursprüngliche Definition

Browser Kompatibilität

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari
Grundlegende Unterstützung (Ja) (Ja) 7.0 (Ja) (Ja)
Merkmal Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Grundlegende Unterstützung
? ? ? ? ?

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: Sebastianz
 Zuletzt aktualisiert von: Sebastianz,