Junior
Quelles différences connais-tu entre les classes et les ID en CSS?
sobes.tech IA
Réponse de l'IA
- Unicité : L'ID est unique sur la page, la classe peut être appliquée à plusieurs éléments.
- Priorité de spécificité : L'ID a une priorité de spécificité plus élevée (100) par rapport à la classe (10).
- Sélecteurs : Le sélecteur d'ID est noté avec
#, le sélecteur de classe avec.. - Application : L'ID est généralement utilisé pour styliser des éléments individuels et uniques (par exemple, l'en-tête, le pied de page), les classes pour styliser des groupes d'éléments avec des propriétés communes (par exemple, des boutons de différentes couleurs).
/* Style par ID - appliqué uniquement à un élément */
#header {
background-color: blue;
}
/* Style par classe - appliqué à plusieurs éléments */
.button-primary {
color: white;
background-color: green;
}
| Caractéristique | Classe | ID |
|---|---|---|
| Unicité | Non unique | Unique |
| Priorité | 10 | 100 |
| Syntaxe | .nom-classe |
#nom-id |
| Application | Groupes d'éléments | Éléments uniques |