接頭辞付きのCSSクラスを参照する方法は？レガシーの理由

Question

、私のCSSクラスがある.x接頭辞を持っています

.x input.myclass { 
    background-color: red; 
} 

私はHTML要素で、このクラスを使用することができますどのように、この構文に慣れていませんよ？以下の作業のいずれ：

<input type='text' class='myclass'> 
<input type='text' class='x myclass'> 
<input type='text' class='.x myclass'> 
<input type='text' class='.x.mylcass'> 
<input type='text' class='x.mylcass'> 

Answer 1

.x input.myclass { 
    // css goes here 
} 

上記CSSしたがって、それは以下のパターンにマッチする内にラップmyclassのクラスにクラスx

のいずれかを含むブロックを任意の入力タグに影響を与えないであろう：

<div class="x"> 
    <input type="text" class="myclass" /> 
</div>