Sobes.tech
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