Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Nachfahrenelemente auswählen: der Selektor mit der Leerstelle

Nachfahrenelemente auswählen: der Selektor mit der Leerstelle – Tutorial zu CSS

Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

Gratismonat starten Für Ihr Team erwerben

Nachfahrenelemente auswählen: der Selektor mit der Leerstelle

“

Sie sehen hier die Übungswebsite. Ich habe die Dateien aus dem Ordner zu diesem Film in den Übungsordner kopiert und hier die Startseite im Chrome geöffnet und auch das Entwicklertool ist bereits aktiv. Man sieht hier links im HTML-Bereich einen Baum und diese hierarchische Verschachtelung von Elementen nennt man das Document Object Model oder auch kurz den DOM-Baum manchmal und diese Verschachtelung ist die Grundlage für Nachfahren- und Kindselektoren, die wählen Elemente anhand ihrer Position in diesem Stammbaum aus. Man kann den Baum hier mit der Maus ein- und ausklappen, aber schauen wir erst mal das an, was wir hier haben. Wie bei Computern üblich, steht dieser Baum auf dem Kopf, die Wurzel ist oben, das ist das Stammelement html und die Zweige wachsen nur nach rechts. Das oberste Element, das Stammelement, ist html, davon gehen zwei Elemente ab, head und body, beide sind Kinder von html und somit Geschwister. body wiederum hat in unserem Beispiel vier Kinder, header, nav, main…

Inhalt