CSS peut-il sélectionner des éléments dont les noms de classe commencent par une chaîne spécifique ?

Le CSS peut-il faire correspondre des éléments avec des noms de classe commençant par une chaîne spécifique

Question :

En CSS, existe-t-il un moyen d'utiliser un "caractère générique" pour sélectionner des éléments dont les noms de classe commencent par une chaîne particulière ?

Réponse :

Oui, c'est le cas possible de faire correspondre tous les éléments dont les noms de classe commencent par une chaîne spécifique à l'aide des sélecteurs CSS suivants :

• [class^='string'] : Correspond aux éléments dont l'attribut de classe commence par 'string'.
• [class*=' string'] : Correspond aux éléments dont l'attribut de classe contient 'string' n'importe où.

Exemple :

Pour sélectionner et styliser tous les

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

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