对于几个相同的垂直排布的元素,如果想让他们之前有相同的间隔,可以用 * + *,比如下面的 .button-link + .button-link。它的作用是只选择 非第一个子元素:
* + *
.button-link + .button-link
See the Pen Evenly Spaced Stacked Items by onlyice (@onlyice) on CodePen.
扩展出来,还有更通用的 lobotomized owl 模式:
body * + * { margin-top: 1.5em; }