Jakie różnice znasz między klasami a ID w CSS?

• Unikalność: ID jest unikalny na stronie, klasa może być stosowana do wielu elementów.
• Priorytet specyficzności: ID ma wyższy priorytet specyficzności (100) w porównaniu z klasą (10).
• Selektory: Selektor ID oznaczany jest #, selektor klasy ..
• Zastosowanie: ID jest zwykle używany do stylizacji pojedynczych, unikalnych elementów (np. nagłówek, stopka), klasy do stylizacji grup elementów z wspólnymi właściwościami (np. przyciski różnych kolorów).

/* Stylizacja po ID - stosowana tylko do jednego elementu */
#header {
  background-color: blue;
}

/* Stylizacja po klasie - stosowana do wielu elementów */
.button-primary {
  color: white;
  background-color: green;
}

Cecha	Klasa	ID
Unikalność	Nie jest unikalny	Unikalny
Priorytet	10	100
Składnia	.nazwa-klasy	#nazwa-id
Zastosowanie	Grupy elementów	Unikalne elementy