CSS 行的最后一个子元素

Question

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

因此，在每个第 3 个盒子之后，都会有一个新行。
但也可以<div class="clear"></div>在第一个或第二个 DIV 之后设置

last-child是否可以从一行 中删除右边框？
或者也许在clear-Div之后？

http://jsfiddle.net/uq9zaav3/2/
带有背景颜色的示例，但用边框制作应该没问题；）

Answer 1

您可以将 nth-child 作为您的第一个解决方案

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

一个例子： http: //jsfiddle.net/uq9zaav3/3/

对于第二个解决方案，您必须声明何时何地要使用清晰的 div，因此也可以使用 nth-child(..) 来完成。