Kind - CSS-Tricks

Anonim

Ein untergeordneter Kombinator in CSS ist das Symbol "größer als". Es sieht folgendermaßen aus:

ol > li ( color: red; )

Es bedeutet "Elemente auswählen, die nur direkte Nachkommen sind". In diesem Fall: "Listenelemente auswählen, die direkte Nachkommen einer geordneten Liste sind". Um zu veranschaulichen:



    

  1. WILL be selected
    2. 

  2. WILL be selected
    3. 

      

    • Will NOT be selected
      • 

    • Will NOT be selected
      • 

    

  3. WILL be selected
    4.

Versuchen Sie, das >Symbol zu entfernen, wenn Sie mit der folgenden Demo herumspielen:

Siehe den Stift f149edb15c53d157a7009b816ee919d2 von CSS-Tricks (@ css-Tricks) auf CodePen.

Mehr Informationen

  • Artikel über Kinder- und Geschwisterselektoren.
  • MDN Docs

Auch bekannt als…

Der untergeordnete Kombinator wird in der Spezifikation so genannt, aber Sie werden ihn auch so hören:

  • Kinderwähler
  • direkter absteigender Selektor
  • direkter Nachkommenkombinator

Browser-Unterstützung

Chrom Safari Feuerfuchs Oper IE Android iOS
Irgendein Irgendein Irgendein Irgendein 7+ Irgendein Irgendein