Nachfahren auswählen

Erinnerst du dich an die Verwandtschaftsbegriffe aus dem HTML-Kurs? Ein Element direkt in einem anderen Element ist sein Kind. Seine Kinder, deren Kinder und so weiter sind seine Nachfahren, und das Element ist ihr Vorfahre.

Wenn du zwei Selektoren durch ein Leerzeichen getrennt schreibst, wählst du die Elemente aus, die zum zweiten Selektor passen und Nachfahren eines Elements sind, das zum ersten passt:

#rassen li {
	color: purple;
}

Diese Regel wählt die li-Elemente innerhalb des Elements mit der ID rassen aus. Sie sind nicht seine Kinder, sondern seine Enkel: Sie stehen im ul, das in #rassen steht. Das macht nichts, denn das Leerzeichen wählt Nachfahren in beliebiger Tiefe aus. Eine Liste in einem anderen Teil der Seite wäre nicht betroffen.

Verwechsle das nicht mit dem Verketten: div.gruppe ist ein div mit der Klasse gruppe, während div .gruppe ein Element mit der Klasse gruppe in einem div ist.