我有一个容器和一些行。我给它们带有* + * selector的margin-top,效果很好:
> * + * {
margin-top: 1em;
}
问题是当我在这些行中有列时 - 如何动态检测最后一行"行"列(小猫图片)在我的例子中只有css删除他们的边缘底部?我不认为有一个合适的解决方案,但也许有人可以告诉我另一种方法。这是笔:
http://codepen.io/herrfischer/pen/xOwmWZ
(Bootstrap网格)。
答案 0 :(得分:0)
由于>
,您的切除猫头鹰不会对小猫边缘起作用。
只需将 margin-bottom 替换为 margin-top 并添加
*:nth-child(-n+4){
margin-top:0;
}
从前4个元素中删除margin-top。
另外,我用2em更改1em以保持垂直/水平边距相等。