Css 如何从页面上最后生成的DIV中删除填充

我有一个ExpressionEngine安装，它在联系人页面上为每个人的个人简历生成一个DIV。我将生成的这些DIV的底部边距设置为20px，但我希望最后一个DIV的底部边距为0px，以便最后一个DIV的底部和容器底部之间的空间量与第一个DIV顶部的空间量相同。我知道可以对P和LI使用类似

：nth child

的内容元素，但我想知道是否有类似的方法对整个div执行此操作。这是我正在使用的代码：

{people}
    <div class="bio mobile-inner">
        <img class="grid_4_desktop grid_4_tablet grid_1_mobile" width="216" height="auto" title="" src="{image}" />
        <div class="grid_12_desktop grid_8_tablet grid_1_mobile leader-info">
            <h3>{name}</h3>
            <h5>{title}</h5>
            <p>{bio}</p>
        </div>
    </div>
{/people}

{people}
{name}
{title}
{bio}

{/人}

提前谢谢

#your_parent_container div:last-of-type {
    margin-bottom: 0; 
}

---

如果不知道哪个元素有边距，很难判断，但是这应该可以解决问题，假设

.bio

元素有

边距底部，您可以使用：

.bio:last-child {
    margin-bottom:0px;
}

您可能需要在选择器中更具体一些，以确保它将覆盖初始声明。此外，请确保此声明出现在样式表中的初始声明之后，因为它是从上到下读取的。因此，您不希望它被覆盖。
在不知道哪个元素有边距的情况下，很难判断，但是这应该可以解决它，假设
.bio
元素有
边距底部，您可以使用：

.bio:last-child {
    margin-bottom:0px;
}

您可能需要在选择器中更具体一些，以确保它将覆盖初始声明。此外，请确保此声明出现在样式表中的初始声明之后，因为它是从上到下读取的。因此，您不希望它被覆盖。
您可以使用以下方法：

div.bio:last-child {
  margin-bottom:0px;
}

在演示中，您可以使用：

div.bio:last-child {
  margin-bottom:0px;
}

演示
您可能应该用类名替换泛型
div
，因为它后面可能有其他
div
元素。这不起作用。最后一个类型不适用于类名。仅限元素类型。演示：
：last child
仅当元素是其父元素的最后一个子元素时才起作用，因此
.bio:last child
如果在最后一个
.bio
之后还有另一个div，则也不起作用。在我看来，没有
：类的最后一个
选项似乎不合逻辑。您可能应该用类名替换泛型的
div
，因为后面可能有其他
div
元素。这不起作用。最后一个类型不适用于类名。仅限元素类型。演示：
：last child
仅当元素是其父元素的最后一个子元素时才起作用，因此
.bio:last child
如果在最后一个
.bio
之后还有另一个div，则也不起作用。在我看来，没有类的最后一个选择器是不合逻辑的