html - 选择最后(动态)行的元素？

Question

我有一个容器和一些行。我给他们 margin-top 与 * + * selector效果很好:

> * + * {
    margin-top: 1em;
}

问题是当我在该行中有列时 - 我如何动态检测示例中列的最后“行”(小猫图像)，仅使用 css 来删除它们的底部边距？我认为没有合适的解决方案，但也许有人可以告诉我另一种方法来做到这一点。这是笔:

http://codepen.io/herrfischer/pen/xOwmWZ

(引导网格)。

Answer 1

由于>，你的被切除脑叶的猫头鹰不会对小猫边际采取行动。

只需将 margin-bottom 替换为 margin-top 并添加

*:nth-child(-n+4){
    margin-top:0;
}

从前 4 个元素中删除 margin-top。

Example

我还用 2em 更改了 1em 以保持垂直/水平边距相等。