Webdesign mit XHTML und CSS

Mit dem Nachfahrenselektor (descendant selector) werden bestimmte Elemente angesprochen, die sich innerhalb eines anderen Elements befinden (= Nachfahren). Ein Leerzeichen zwischen zwei Angaben kennzeichnet den Nachfahrenselektor.

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

Alle p-Elemente, die sich innerhalb eines Elements mit id="content" befinden, erhalten eine blaue Vordergrundfarbe.

Die Verschachtelung kann beliebig viele Ebenen tief sein.

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>