Webdesign mit (X)HTML und CSS

Mit dem Nachbarselektor (adjacent sibling selector) werden Elemente ausgewählt, die direkt neben einem anderen Element im Dokumentstammbaum stehen.

Das Kennzeichen des Nachbarselektors ist das +-Zeichen.

1. h2 + p {
2. color:blue;
3. }

Ein Textabsatz, der direkt nach einer h2-Überschrift steht, erhält eine blaue Textfarbe.

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 Nachbarselektor wird vom IE bis einschließlich Version 6 nicht unterstützt, d.h. die zugehörigen Angaben werden ignoriert.