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 |