如何在CSS中只选择一个子元素？

我试图制作一个有标题、第一段和第二段的方框。我怎样才能只选择CSS中的最后一段，这样我就可以向下移动它，这样它就不会与第一段重叠？这是我的代码：

#info-box > p {
    line-height: 1.3em;
    font-size: 17px;
    font-family: Arial;
    text-align: center;
    color: #979797;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0px;
    position: absolute;
}

#info-box:nth-child(2) {
    line-height: 1.3em;
    font-size: 17px;
    font-family: Arial;
    text-align: center;
    color: #979797;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 100px;
    position: absolute;
}

你在找什么

引述：

：last child

伪类表示作为某个其他元素的最后一个子元素的元素

:

---

虽然公平地说，绝对立场很少像Nit在评论中暗示的那样是“方式”。像素的固定大小在不同的屏幕大小和不同的缩放上不太合适，更喜欢逻辑布局。请参见“为什么”。

CSS中的最后一个元素尝试使用

：最后一个子元素

#info-box:last-child {
}

检查这里的CSS选择器参考
您必须支持哪些浏览器？为什么首先要使用绝对定位？您可能也不应该在ID上使用：n子项，因为这意味着您可能在多个元素上使用相同的ID。只需使用一个类并以这种方式选择它。嗯…我不确定为什么我要使用绝对定位。我刚刚删除了那一行，它修复了它。谢谢。一般来说，引用比引用更好。w3c学校与w3c并没有任何联系（尽管他们喜欢人们这样想，但他们是。
#info-box:last-child {
}