Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/jsf/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS行的最后一个子行_Html_Css_Row_Css Selectors - Fatal编程技术网

Html CSS行的最后一个子行

Html CSS行的最后一个子行,html,css,row,css-selectors,Html,Css,Row,Css Selectors,我使用CSSfloat:left从MySQL查询创建div样式 它们的宽度均为300px,包装容器设置为900px 所以每过第三个盒子,就会有一条新的线。 但是也可以在第一个或第二个DIV之后设置 是否可以从一行的最后一个子项中删除右边框? 或者可能是在清理了Div之后 带有背景色的示例,但使用边框制作应该没有问题;) 您可以为第一个解决方案应用第n个子项 .testbox:nth-child(3n) { background: blue; } 例如: 对于第二个解决方案,您必

我使用CSS
float:left从MySQL查询创建div样式

它们的宽度均为300px,包装容器设置为900px

所以每过第三个盒子,就会有一条新的线。
但是也可以在第一个或第二个DIV之后设置

是否可以从一行的
最后一个子项中删除右边框?

或者可能是在清理了Div之后



带有背景色的示例,但使用边框制作应该没有问题;)

您可以为第一个解决方案应用第n个子项

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


对于第二个解决方案,您必须声明何时何地要使用clear div,以便也可以使用第n个子项(..)。

为什么不试试jQuery呢

JS代码

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

它会选择div中的每三个子级


是的,这是我知道的解决方案,但我希望还有另一个:/-如果一个div后面跟着另一个div类或一个特定的div类,那么就没有可能更改div的颜色吗?@xQp CSS中没有向后选择器,因此答案是否定的。正如@HashemQolami所说的,你不能倒转,你只能用class
clear
触发div的下一个元素。但是,您始终可以添加一个类,该类将直接删除该行最后一个元素的边距。这不是一个优雅的解决方案,尽管纯CSS无法实现您的目标。javascript是一个选项吗?使用jquery没有任何意义,如果不使用java/jquery,我只需使用CSS3,代码每三次就会变黄一次。正如我所说,我的问题是,我需要一个“行的最后一个子项”规则,它不起作用,所以我需要找到另一个解决方案,但thx;)
$(".testbox:nth-of-type(3n)").css({'background-color': 'yellow', 'border-right': '0px' });