Welche Unterschiede kennst du zwischen Klassen und IDs in CSS?

• Einzigartigkeit: ID ist auf der Seite einzigartig, Klasse kann auf mehrere Elemente angewendet werden.
• Spezifitätspriorität: ID hat eine höhere Spezifitätspriorität (100) im Vergleich zur Klasse (10).
• Selektoren: ID-Selektor wird mit # bezeichnet, Klassen-Selektor mit ..
• Anwendung: ID wird normalerweise verwendet, um einzelne, einzigartige Elemente zu stylen (z.B. Header, Footer), Klassen für die Gestaltung von Gruppen von Elementen mit gemeinsamen Eigenschaften (z.B. Buttons verschiedener Farben).

/* Styling nach ID - gilt nur für ein Element */
#header {
  background-color: blue;
}

/* Styling nach Klasse - gilt für mehrere Elemente */
.button-primary {
  color: white;
  background-color: green;
}

Merkmal	Klasse	ID
Einzigartigkeit	Nicht einzigartig	Einzigartig
Priorität	10	100
Syntax	.klassenname	#id-name
Anwendung	Gruppen von Elementen	Einzigartige Elemente