css - :first-child pseudo-class doesn't work

Question

我有两个 div，属于 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

:first-child & :last-child.不适用于 block 元素，它们仅适用于行内元素