：第一个孩子伪类不工作

Question

我有一个两个divs shoots的类。我想第一个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

：第一胎&：最后一个孩子。不要在块元素上工作，他们只能在内联元素上工作