删除特定div的保证金

Question

此屏幕截图来自网站。如你所见，我在屏幕上打印盒子，在盒子后面，另一个盒子来了。每个方框都有浮动：左边和右边边距：5px;

我的问题是我需要删除margin-right：5px后第3个框，这是我的容器可以容纳的最后一个框。所以bosex就像：

1  2  3
4  5  6
7  8  9

所以，对于3,6,9等等，我必须删除保证金权利。从图像中可以看出，最后一个框中有边距右边（如果你将它与它们上面的蓝线进行比较，你会发现它。）

我知道有：lastchild：之后但它会对最后一个盒子产生影响。我需要它在每一行的最后一个框中都是有效的。谢谢。

Answer 1

我创建了一个交互式演示，可以直观地解释nth-child（n）的工作原理： http://xengravity.com/demo/nth-child/

以下是适合您情况的代码段：

.container {clear:both;}
.container div {background:yellow; width:25px; float:left;}
.container div:nth-child(3n) {background:red;}

<div class="container"><div>1</div><div>2</div><div>3</div></div>
<div class="container"><div>4</div><div>5</div><div>6</div></div>
<div class="container"><div>7</div><div>8</div><div>9</div></div>

正如您所看到的，在代码片段中，我只将红色背景应用于每行的第三个元素。您需要将属性从背景更改为边距，而不是为了您的目的。

Answer 2

您可以为每个第三个元素使用选择器：

.box:nth-child(3n) {}

Answer 3

您可以使用nth-child(3n)，其中3n代表元素3x1(3)，3x2(6)，3x3(9)等等：

div:nth-child(3n) {margin-right: 0;}

Answer 4

你可以使用nth-child属性并定位3,6,9这样的孩子，如下所示。

divname:nth-child(3n){margin-right:0;}