Pouvez-vous utiliser des caractères génériques dans les sélecteurs CSS pour faire correspondre plusieurs classes ?

Sélecteurs CSS : utilisation d'un caractère générique pour faire correspondre plusieurs classes

En CSS, la sélection d'éléments en fonction des noms de classe peut être simplifiée en utilisant un caractère générique . Cette technique de caractère générique est pratique lorsque vous devez faire correspondre plusieurs éléments avec des noms de classe commençant par une chaîne spécifique.

Problème :

Est-il possible d'utiliser un sélecteur de caractère générique en CSS pour sélectionner des éléments dont les noms de classe commencent par une chaîne spécifique ? Par exemple, considérons les éléments HTML suivants :

<div class="myclass-one"></div>
<div class="myclass-two"></div>
<div class="myclass-three"></div>

Réponse :

Pour sélectionner tous ces éléments avec un sélecteur de caractère générique, vous pouvez utiliser le code CSS suivant :

div[class^="myclass"],
div[class*=" myclass"] {
  color: #f00;
}

Dans ce sélecteur :

• div[class^="myclass"] correspond aux éléments dont le nom de classe commence par "myclass".
• div[class* =" maclasse"] correspond aux éléments dont le nom de classe contient la chaîne " maclasse".

En utilisant ces caractères génériques, vous peut cibler efficacement tous les éléments dont les noms de classe commencent par « maclasse » sans avoir à spécifier chaque nom de classe individuel.

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!