Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Kindselektor

Mit dem Kindselektor (child selector) werden Elemente angesprochen, die direkte Nachfahren eines anderen Elements sind. Das Kennzeichen des Kindselektors ist die schließende spitze Klammer »>«.

  1. #content > p {
  2. color:blue;
  3. }

Alle Textabsätze, die direkte Nachfahren (= Kinder) des Elements mit id="content" sind, werden in blauer Textfarbe dargestellt.

  1. <div id="content">
  2. <h1>Überschrift</h1>
  3. <p>Textabsatz [...]</p>
  4. <div>
  5. <h2>Überschrift</h2>
  6. <p>Textabsatz [...]</p>
  7. <p>Textabsatz [...]</p>
  8. </div>
  9. <p>Textabsatz [...]</p>
  10. </div>

Der Kindselektor wird vom IE bis einschließlich Version 6 nicht unterstützt, d.h. die zugehörigen Angaben werden ignoriert.