Faites correspondre tous les sélecteurs de classes commençant par?

Est-il possible d’utiliser un “joker” pour les sélecteurs dans CSS3?

par exemple.

… et puis par magie tous les divs ci-dessus à rouge en une seule fois …

 .myclass* { color: #f00; }

Possible?

Ce qui suit devrait faire l’affaire:

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

Edit: Joker ajouté ( * ) comme suggéré par David

Ce n’est pas une réponse directe à la question, mais je suggérerais dans la plupart des cas de simplement placer plusieurs classes dans chaque élément:

De cette façon, vous pouvez définir des règles pour tous les éléments myclass , puis des règles plus spécifiques pour one , two et three .

 .myclass { color: #f00; } .two { font-weight: bold; } etc.

Vous pouvez facilement append plusieurs classes aux divs … Donc:

Ensuite, dans l’appel CSS à la classe de partage pour appliquer les mêmes styles:

 .myclass {...}

Et vous pouvez toujours utiliser vos autres classes comme ceci:

 .myclass-three {...}

Ou si vous voulez être plus précis dans le CSS comme ceci:

 .myclass.myclass-three {...}