En CSS, les sélecteurs de classe sont affichés avec un point :
.center {text-align: center}
Dans l'exemple ci-dessus, tous les éléments HTML avec la classe center sont centrés.
Dans le code HTML suivant, les éléments h1 et p ont la classe center. Cela signifie que les deux respecteront les règles du sélecteur ".center".
<h1 class="center"> Ce titre sera aligné au centre </h1> <p class="center"> Ce paragraphe sera également aligné au centre </p>.
*******************************
sélecteur d'identifiant
Le sélecteur d'identifiant peut spécifier un style spécifique pour les éléments HTML marqués d'un identifiant spécifique. Le sélecteur d'identifiant est défini avec "#". Les deux sélecteurs d'identifiant suivants, le premier peut définir la couleur de l'élément comme rouge et le second peut définir la couleur de l'élément comme vert :
#rouge {couleur:rouge;} #vert {couleur:vert;}
Dans le code HTML suivant, l'élément p avec l'attribut id rouge est affiché en rouge et l'élément p avec l'attribut id vert est affiché en vert.
<p id="red">Ce paragraphe est rouge. </p> <p id="green">Ce paragraphe est vert. </p>
Remarque : L'attribut id ne peut apparaître qu'une seule fois dans chaque document HTML. Pour savoir pourquoi, consultez XHTML : refactorisation de sites Web.