Puis-je appliquer plusieurs classes CSS à un seul élément HTML ?

Application de plusieurs classes CSS à un seul élément

Plusieurs classes CSS peuvent-elles être appliquées à un seul élément HTML ? Par exemple, considérons le code suivant :

<a class="c1" class="c2">aa</a>

Dans ce cas, la classe c2 semble être ignorée. Comment les deux classes peuvent-elles être appliquées simultanément ?

Solution :

Il existe deux façons d'y parvenir :

1. Plusieurs classes dans l'attribut de classe

Séparez les classes à l'aide d'espaces, par exemple :

<a class="c1 c2">aa</a>

2. Sélecteur d'intersection de classes (sans espace)

Pour spécifier qu'un élément HTML doit contenir toutes les classes spécifiées, utilisez un sélecteur CSS sans aucun espace :

.c1.c2 {
  /* Styles */
}

Utilisation de ce sélecteur , l'élément ne sera stylé que s'il possède à la fois les classes c1 et c2.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!