html - margin-top 和 margin-bottom 之间的 CSS 最佳实践何时都可以工作？

Question

当您想为紧跟在第一个元素之后的元素留出空间时，CSS 最佳实践是什么。

假设这个 html

<div class="a-block">lorem</div>
<div class="another-block">ipsum</div>

你应该使用这个 css

.a-block { margin-bottom: 10px; }

或

.another-block { margin-top: 10px; }

?

Answer 1

我会用:nth-child宽度 margin-top

div:not(:first-child) {
  margin-top: 10px
}

<div class="a-block">lorem</div>
<div class="another-block">ipsum</div>
<div class="another-block-1">ipsum</div>
<div class="another-block-2">ipsum</div>