Question

我正在使用CSS float: left;样式从MySQL Query创建DIV
所有这些都有300px的宽度，包装容器设置为900px。

所以在每个第3个Box之后，都有一个新行。
但是也有可能在第一次或第二次DIV之后设置<div class="clear"></div>

是否可以从last-child行中删除右边界？
或者在清除Div之后？

http://jsfiddle.net/uq9zaav3/2/
有背景颜色的例子，但是用边框做它应该没问题;）

Answer 1

您可以为您的第一个解决方案申请nth-child

.testbox:nth-child(3n) {
    background: blue;
}

对于第二种解决方案，您必须声明何时何地使用clear div，以便也可以使用nth-child（..）来完成。

Answer 2

为什么不试试jQuery

JS代码

$(".thumb:nth-of-type(3n)").css({'background-color': 'yellow', 'margin-right': '0px' });

使用

$(".testbox:nth-of-type(3n)").css({'background-color': 'yellow', 'border-right': '0px' });

选择div中的每三个孩子