Vous pouvez définir vos propres sélecteurs à l'aide de la classe de sélecteur de classe et de l'identifiant du sélecteur d'identifiant.

L'avantage est que vous pouvez représenter le même élément HTML différemment selon la classe ou l'identifiant.

En CSS, le sélecteur de classe est précédé d'un point anglais demi-largeur (.), et l'identifiant est précédé d'un signe dièse anglais demi-largeur (#).

ressemble à ceci :

#top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: bold }
HTML avec CSS; les connexions utilisent les attributs id et class. Comme ça :

La différence entre id et class est que id est utilisé sur un élément unique, tandis que class est utilisé sur plusieurs éléments.

Vous pouvez également appliquer des sélecteurs à un élément HTML spécifique en plaçant le sélecteur HTML devant, ainsi p.jam {quel que soit } sera appliqué aux paragraphes avec la classe "jam".


Un nom d'identifiant est généralement défini de manière unique dans une page, il est donc généralement recommandé d'utiliser une classe lors de la définition du CSS sur la page, afin que vous puissiez réutiliser votre identifiant pour le plus nécessaire. utilisez JavaScript pour les éléments html, etc.