添加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%; 
}