Sobes.tech
Junior

Welke verschillen ken je tussen klassen en ID's in CSS?

sobes.tech AI

Antwoord van AI

  • Uniekheid: ID is uniek op de pagina, klasse kan op meerdere elementen worden toegepast.
  • Prioriteit van specificiteit: ID heeft een hogere specificiteit (100) in vergelijking met klasse (10).
  • Selectors: De ID-selector wordt aangeduid met #, de klasse-selector met ..
  • Toepassing: ID wordt meestal gebruikt om individuele, unieke elementen te stylen (bijvoorbeeld koptekst, voettekst), klassen voor het stylen van groepen elementen met gemeenschappelijke eigenschappen (bijvoorbeeld knoppen in verschillende kleuren).
/* Styling op ID - wordt alleen toegepast op één element */
#header {
  background-color: blue;
}

/* Styling op klasse - wordt toegepast op meerdere elementen */
.button-primary {
  color: white;
  background-color: green;
}
Kenmerk Klasse ID
Uniekheid Niet uniek Uniek
Prioriteit 10 100
Syntaxis .klassennaam #id-naam
Toepassing Groepen van elementen Unieke elementen