すべてのクラスセレクタにマッチするか？

Question

CSS3のセレクタに「ワイルドカード」を使用することはできますか？

例えば、

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

...そして魔法...一度に赤にすべてのdivの上

可能

.myclass* { color: #f00; } 

を設定しますか？

Answer 1

次は、トリックを行う必要があります。

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

---

編集：追加されましたワイルドカード（*）デビッド

Answer 2

により示唆されるようにそれはしかし、私は示唆し、質問に直接答えではないのですがほとんどの場合、各要素に複数のクラスを設定するだけです。

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

この方法で、すべてのmyclass要素のルールを設定し、次にone、two、およびthreeのより具体的なルールを設定できます。同じスタイルを適用するには、共有クラスにCSSの呼び出しに続いて

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

を：：

.myclass { color: #f00; } 

.two { font-weight: bold; } 

etc. 

Answer 3

あなたは簡単そう... div要素に複数のクラスを追加することができます

.myclass {...} 

そして、次のような他のクラスを引き続き使用できます：

.myclass-three {...} 

それとも、このようなCSSでより具体的にしたい場合：

.myclass.myclass-three {...}