Html css：如何仅使用一条css指令在垂直div之间创建间隙

如何仅使用一条css指令在相邻块之间创建垂直间隙，而不是在父元素之间创建垂直间隙

<div>BLOCK1</div>
<div>
<!-- vertical gap disabled -->
<div>BLOCK2.1</div>
<!-- vertical gap enabled -->
<div>BLOCK2.2</div>
<!-- vertical gap enabled -->
<div>BLOCK2.3</div>
<!-- vertical gap disabled -->
</div>
<div>BLOCK3</div>

BLOCK1
区块2.1
区块2.2
区块2.3
区块3

---

页边距底部（或页边距顶部）-结果不正确（页边距底部的区块2.3和区块3之间的垂直间隙，或页边距顶部的区块1和区块2.1之间的垂直间隙）

您可以使用直接子选择器

请参阅：

从您的代码中可以这样使用：

body>div{margin:1em 0；}

BLOCK1
区块2.1
区块2.2
区块2.3
BLOCK3

非常聪明，感谢您的分享-如果不是您，我会走很长的路，在Block1和BLOCK3 div中添加一个id，然后使用CSS.no添加边距。不需要其他结果页眉---无差距---区块2.1---差距---区块2.3---差距---区块2.5---无差距---页脚（例如，brutforce css）@Zhihar然后只更新选择器您不明白它是如何工作的吗@GCyrillus，你的最后一个链接不是我需要的结果，我需要的是顶部和底部的间隙absent@ZhiharOps，实际上没有跟随你的链接，然后在第二次之后选择每个div你应该挖掘一些选择器并使用它们，很多事情都可以在没有ID和类的情况下完成：）