特定のクラスのdiv内にIDを持つdivのスタイル

Question

IDを持つdivのスタイルを設定するCSSファイルを作成しました。別のdivの中にクラスがあります。これは、この

div.class1.class2 > div#ID1{ 
 
Styling Rules 
 
}

のように見えるしかし、何もID1とDIVするために起こっていません。助けていただければ幸いです.HTMLの構造を変更したり、要素に他のIDやクラスを適用することはできません。

<div class="class1 class 2"> 
 
<div id="ID1"></div> 
 
</div>

Answer 1

あなたは、その慣例に従った場合、あなたは単にあなたのセレクタにIDをターゲットとしていない、それは中の親コンテナを気しまうので

IDは一度だけ使用する必要があります...

#id1 { 
    // code 
} 

IDが複数回使用されていることを暗示しているため、前に進む前にこれをクラスに変更することをお勧めします。しかし、それでもあなたのHTMLをそのままにしておきたいなら、これを行う必要があります。

.class1 #id1 { 
    // code 
}