nth-child（數字）選擇器的css沒有得到應用

Question

我想在600 * 600格內放置3 200 * 200的矩形div。分辨率爲25像素。我的第一個代碼工作正常。但是當我嘗試應用第n個孩子（1）和第n孩子（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; 
}