最初の子と次の子のスタイルに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の内側にそれを置きたいと思う、私は、これは多分によって行うことができる、新しいクラスのように配置し、スタイリングを追加したくありません疑似クラスの最初の子、その後、第二など私は私がこの

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

などなどのようなものを必要とする新しいCSSを得たとき、それはそのようにそれを行うことが可能それ

？

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

役立つかもしれない試してみてください