nth-child（number）css未被应用的选择器

Question

我想在600 * 600 div内放置3个200 * 200的矩形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声明应该完成工作：

map.compute("admin", (k, v) -> v == null ? 1 : v + 1);

Answer 2

你必须选择像@Den这样的元素： 试一试：https://jsfiddle.net/3bpjxec0/

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