ID-Selektor

Das Attribut id kennst du aus dem HTML-Kurs. Es gibt einem Element einen eindeutigen Namen: Keine zwei Elemente einer Seite dürfen dieselbe id haben. Auf unserer Seite hat die Hauptüberschrift die ID titel, und das div mit der Liste der Rassen hat die ID rassen.

Um ein Element über seine ID auszuwählen, schreibst du eine Raute # gefolgt von der ID:

#titel {
	color: purple;
}

Ein Selektor mit einer ID wählt immer nur ein Element aus. Wann also eine ID und wann eine Klasse? Zum Gestalten sind Klassen meist die bessere Wahl: Du kannst eine Klasse wiederverwenden, sodass dieselbe Regel ein neues Element gestaltet, sobald du ihm die Klasse gibst, genau wie bei den Rassen. IDs dienen vor allem dazu, ein bestimmtes Element zu markieren, zum Beispiel als Ziel eines Links auf einen Teil der Seite (href="#rassen"). Außerdem haben Regeln mit einer ID eine hohe Priorität, was sie schwer überschreibbar macht, wie du später in dieser Lektion sehen wirst.