刷新CSS中的第一个和最后一个边距

Question

我想让顶级元素(它是ap,img,hx或其他)与父元素的顶部齐平,同时保持它的兄弟姐妹之间的正常分离.

例如,我有一个充满p元素的div.每个p元素都有一个上边距和下边距,比如10px.每个p元素间隔20px(上面的10个,下面的10个).这样做的副作用是将第一个p向下推10px,将底部p向上推10px.

Answer 1

最简单的方法是使用兄弟选择器:

p + p {
    margin-bottom: 10px;
    margin-top: 10px;
}

此规则适用于段落只有当他们陆续款直接上门.因此,此规则不适用于您的第一段,因为它不遵循段落.

如果你想要每个段落之间的空格,但不是在第一段之间而不是在最后一段之后,请使用:

p + p {
    margin-top: 20px;
}