选择最后(动态)行的元素?

时间:2016-06-13 10:23:46

标签: html css

我有一个容器和一些行。我给它们带有* + * selector的margin-top,效果很好:

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

问题是当我在这些行中有时 - 如何动态检测最后一行"行"列(小猫图片)在我的例子中只有css删除他们的边缘底部?我不认为有一个合适的解决方案,但也许有人可以告诉我另一种方法。这是笔:

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

(Bootstrap网格)。

1 个答案:

答案 0 :(得分:0)

由于>,您的切除猫头鹰不会对小猫边缘起作用。

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

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

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

Example

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