CSS: Layout: Implement: Evenly Spaced Stack Items

20th August 2020 at 2:19pm

对于几个相同的垂直排布的元素,如果想让他们之前有相同的间隔,可以用 * + *,比如下面的 .button-link + .button-link。它的作用是只选择 非第一个子元素

扩展出来,还有更通用的 lobotomized owl 模式:

body * + * {
  margin-top: 1.5em;
}