：first-child伪类不起作用

Question

我有一个shoots类的两个div。我希望第一个div的padding-top为10px，最后一个div的padding-bottom为10px。

为此，我试图使用伪类选择器:first-child＆amp; :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

：第一个孩子＆amp; ：最后一个孩子。不处理块元素，它们只适用于内联元素

Answer 2

尝试做：

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