Webdesign mit (X)HTML und CSS

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.