Puis-je sélectionner des éléments qui ont plusieurs classes

Oui, il est possible de sélectionner les éléments associés à plusieurs classes. Dans un document HTML, les sélecteurs CSS sont utilisés pour se référer aux classes créées dans le corps HTML dans le but d'appliquer des propriétés dans ces éléments. Les sélecteurs de classe commencent par un point ".”Symbole, puis le nom exact de la classe est écrit.

Lorsqu'il doit sélectionner l'élément qui n'appartient pas à une seule classe, les noms de toutes les classes sont écrits dans l'élément de style en commençant par le symbole de points exactement comme une seule classe est sélectionnée. Les sélecteurs ne doivent pas avoir d'espace entre eux. De plus, il n'y a pas de limite à l'ajout du nombre de sélecteurs lors de la sélection d'un élément.

Comment sélectionner des éléments qui ont plusieurs classes?

La syntaxe pour sélectionner l'élément qui a plusieurs classes est la suivante:

.classe 1.classe2.classe3.classe 4…
/ * Propriétés CSS * /

Dans la syntaxe ci-dessus, plusieurs sélecteurs de classe ont été ajoutés (i.e., Classe1, Classe2, Classe3, Class4 et ainsi de suite) en utilisant «." symbole.

Comprenons comment ajouter plusieurs sélecteurs de classe pour sélectionner l'élément associé pratiquement à un exemple simple.

Exemple: sélection d'un élément avec plusieurs classes

Selon l'extrait de code donné, il y a trois éléments différents (titres) et le premier élément a trois classes, i.e., Classe1, Classe2 et Classe3:

C'est la première ligne… cet élément a 3 classes!!

C'est la deuxième ligne…

C'est la troisième ligne…

Pour sélectionner l'élément qui dispose de plusieurs classes (classe1, classe 2, classe3) dans l'élément de style CSS, les sélecteurs de classe seront simplement ajoutés sans aucun espace entre eux:

.classe 1.classe2.classe3
Couleur blanche;
Color à la frontière: noir;
Style de la frontière: solide;
Color en arrière-plan: Darkcyan;

Cela appliquera les propriétés CSS définies à l'élément qui a la classe1, la classe2 et la classe3 et générera la sortie suivante:

C'est ainsi que vous pouvez sélectionner des éléments qui appartiennent à plusieurs classes.

Conclusion

Les développeurs peuvent sélectionner l'élément qui a plusieurs classes en ajoutant plusieurs sélecteurs de classe dans l'élément de style CSS faisant référence à toutes les classes que l'élément est associé. Les sélecteurs de classe sont ajoutés dans l'élément de style sans espace entre eux. De plus, il n'y a pas non plus de restriction au nombre de sélecteurs de classe ajoutés dans l'élément de style. Ce blog est un bon guide sur la méthode pour sélectionner les éléments ayant plusieurs classes.