Eine ID ist ein eindeutiger Bezeichner für genau ein Element auf der Seite.
- ID (CSS)
Eindeutiger Bezeichner, der auf einer Seite nur einem einzigen Element gehören darf.
Beispiel: „Eine ID identifiziert ein Element, eine Klasse gruppiert mehrere.“
Wofür sie gebraucht wird
Als Sprungziel für Links innerhalb einer Seite, als Verbindung zwischen Beschriftung und Formularfeld, und als Angriffspunkt für JavaScript. In allen drei Fällen ist die Eindeutigkeit der Zweck.
Warum nicht zum Gestalten
Ihre Spezifität ist so hoch, dass eine Regel mit ID jede Klassenregel schlägt. Eine spätere Anpassung braucht dann entweder eine weitere ID oder !important. Beides macht das Stylesheet starr.
Doppelte IDs sind ein häufiger Fund der HTML-Validierung. Sie brechen Sprungmarken und die Zuordnung von Beschriftungen, ohne sichtbar zu stören.