Ποιες διαφορές γνωρίζεις μεταξύ κλάσεων και ID στο CSS;

• Μοναδικότητα: Το ID είναι μοναδικό στη σελίδα, η κλάση μπορεί να εφαρμόζεται σε πολλά στοιχεία.
• Προτεραιότητα συγκεκριμενικότητας: Το ID έχει υψηλότερη προτεραιότητα (100) σε σύγκριση με την κλάση (10).
• Επιλογείς: Ο επιλογέας ID δηλώνεται με #, ο επιλογέας κλάσης με ..
• Εφαρμογή: Το ID χρησιμοποιείται γενικά για το στυλ μεμονωμένων, μοναδικών στοιχείων (π.χ. επικεφαλίδα, υποσέλιδο), οι κλάσεις για το στυλ ομάδων στοιχείων με κοινές ιδιότητες (π.χ. κουμπιά διαφορετικών χρωμάτων).

/* Στυλ με ID - εφαρμόζεται μόνο σε ένα στοιχείο */
#header {
  background-color: blue;
}

/* Στυλ με κλάση - εφαρμόζεται σε πολλά στοιχεία */
.button-primary {
  color: white;
  background-color: green;
}

Χαρακτηριστικό	Κλάση	ID
Μοναδικότητα	Όχι μοναδικό	Μοναδικό
Προτεραιότητα	10	100
Σύνταξη	.όνομα-κλάσης	#όνομα-id
Εφαρμογή	Ομάδες στοιχείων	Μοναδικά στοιχεία