nth-child（number）CSSが適用されないためのセレクタ

Question

600 * 600 div内に200 * 200の3つの矩形divを配置しようとしています。 25ピクセルの間隔で表示されます。私の最初のコードは正常に動作します。しかし、nth-child（1）とnth-child（2）を適用しようとすると動作しません。

https://jsfiddle.net/user1989/L20fn90L/

子セレクタが適用さ取得されていない

#two-parent :nth-child(0){ 
margin-top:25px; 
width:200px; 
height:200px; 
background-color : black; 

float:left; 

} 
#two-parent :nth-child(1){ 
margin-top:25px; 
position:relative; 
width:200px; 
height:200px; 
background-color : orange; 
margin-left:25px; 
float:left; 
} 

ように私は、スタイルの一部を変更した場合。

Answer 1

あなたは子コンテナとしてのdivを使用している、その後CSS宣言が作業を行う必要があります。

#two-parent div:nth-child(1) { /** :nth-child(1) for 1st child **/ 
    /** Declaration **/ 
} 
#two-parent div:nth-child(2) { /** :nth-child(2) for 2nd child **/ 
    /** Declaration **/ 
} 

Answer 2

@Denが言ったようにあなたは要素を選択する必要があります： それを試してみてください：https://jsfiddle.net/3bpjxec0/

#box .b:nth-child(1) b { 
    font-size:14px; 
}