Добавление 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%; 
}