첫 번째 하위 및 다음 하위 스타일에 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%; 
} 

도움이 될 수 있습니다 시도