: 첫 번째 자식 의사 클래스가 작동하지 않습니다.

Question

shoots 클래스의 두 div가 있습니다. 첫 번째 div는 padding-top이 10px이고 마지막 div는 padding-bottom이 10px가되도록하고 싶습니다.

이 경우 의사 클래스 선택자를 사용하려고합니다. :first-child & :last-child.

last-child 작동하지만 div의 맨 아래에 내 패딩이 있지만 first-child이 작동하지 않습니다.

내가 뭘 잘못하고 있니?

마크까지 :

<div class="item-list"> 
    <div class='item'> 
     <div class="shoots"> 
       *content* 
     </div> 
     <div class="shoots"> 
       *content* 
     </div> 
    </div> 
</div> 

CSS

.item-list .item .shoots:first-child 
{ 
    padding-top: 10px; 
} 
.item-list .item .shoots:last-child 
{ 
    padding-bottom: 10px; 
} 

Answer 1

은 일을보십시오 :

.shoots:first-child{ 
    padding-top: 10px; 
} 
.shoots:last-child{ 
    padding-bottom: 10px; 
} 

Answer 2

: 첫 아이 &을 : 마지막으로 아이를. 블록 요소에서 작동하지 않습니다. 인라인 요소에서만 작동합니다.