Correspondre à Tous les Sélecteurs de Classe Que Commencer?

Question

Est-il possible d'utiliser un "joker" pour les sélecteurs CSS3?

par exemple.

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

...et puis comme par magie défini ci-dessus tous les divs de rouge d'un seul coup...

.myclass* { color: #f00; }

Possible?

Answer 1

Suivantes:

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

Devrait faire l'affaire

---

Edit: ajouté générique avec * comme le suggère David

Answer 2

Ce n'est pas une réponse directe à la question, cependant, je voudrais suggérer dans la plupart des cas tout simplement de définir plusieurs classes pour chaque élément:

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

De cette façon, vous pouvez définir des règles pour tous, myclass - éléments et ensuite des règles plus précises pour one, two et three.

.myclass { color: #f00; }

.two { font-weight: bold; }

etc.

Answer 3

Vous pouvez facilement ajouter plusieurs classes à divs... Alors:

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

Puis dans le CSS appel à la classe d'actions à appliquer les mêmes styles:

.another-class {...}

Et vous pouvez toujours utiliser votre autres classes comme ceci:

.myclass-three {...}

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

.another-class.myclass-three {...}