添加css到第一个孩子和下一个孩子的风格？

Question

我有这样的标记

<div class="sprite player" style="top: 28%; left: 26%;"></div> 
<div class="sprite player" style="top: 10%; left: 37%;"></div> 
<div class="sprite player" style="left: 36%; top: 28%;"></div> 

没有为每个元素内嵌样式，但是我希望把里面的CSS，我不想让像新的类，然后添加样式，这也许可以通过完成伪类的第一个孩子，然后第二等

当我到了新的CSS我需要的是这样的

.player:first-child{ 
top: 28%; left: 26%; 
} 
.player:first-child + .player{ 
top: 10%; left: 37%; 
} 

等等，它有可能使这样呢？

Answer 1

试试这个可以帮助你

.player:nth-child(1){ 
top: 28%; left: 26%; 
} 
.player:nth-child(2){ 
top: 10%; left: 37%; 
} 
.player:nth-child(3){ 
left: 36%; top: 28%; 
}