Gridproblem。如何在每行的最后一个子节点上设置0余量

Question

因此。我有一个无限的网格，每行4个盒子，我希望最后一个孩子有一个边缘权利：0px;

是否有类似：last-child可以应用于每一行的每个最后一个孩子？

这是html：

<ul class="grid">
<li class="feed-item">gridbox</li>
<li class="feed-item">gridbox</li>
<li class="feed-item">gridbox</li>
<li class="feed-item">gridbox</li>
</ul>

Answer 1

实际上有一个最后一个子选择器。阅读更多here

尝试：

.grid li:last-child
{
margin-right:0px;
}

DEMO

<强>更新

如果您想选择每个第4个孩子，您应该使用nth-child()

.grid li:nth-child(4n)
{
margin-right:0px;
}

DEMO2