Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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
通过css,仅针对浮动div的最后一行_Css - Fatal编程技术网

通过css,仅针对浮动div的最后一行

通过css,仅针对浮动div的最后一行,css,Css,我有一行4个div,浮动。它的工作方式是每个div的宽度为25%,因此每行始终有4个div。每行周围没有容器div 我想知道是否有一种方法,通过CSS,只针对最后一行的div,无论那里有1个或2个或3个或4个div,它都会随着站点的动态而变化 我想也许有N个孩子的价值观,可能有一种方法,但我不能让我的头围绕它。有什么想法吗?更新您可以使用CSS:last child选择器。例如: .集装箱{ 宽度:100%; } .行{ 宽度:100%; } 上校{ 宽度:25%; 文本对齐:居中; 浮动:左

我有一行4个div,浮动。它的工作方式是每个div的宽度为25%,因此每行始终有4个div。每行周围没有容器div

我想知道是否有一种方法,通过CSS,只针对最后一行的div,无论那里有1个或2个或3个或4个div,它都会随着站点的动态而变化

我想也许有N个孩子的价值观,可能有一种方法,但我不能让我的头围绕它。有什么想法吗?

更新您可以使用CSS:last child选择器。例如:

.集装箱{ 宽度:100%; } .行{ 宽度:100%; } 上校{ 宽度:25%; 文本对齐:居中; 浮动:左; } div.row:div.col类型的最后一个{ 背景:红色; } 1. 2. 3. 4. 1. 2. 3. 4. 1. 2. 3. 4. 身体{ 计数器复位:div } div{ 计数器增量:div } 部门:以前{ 内容:counterdiv } div{ 浮动:左; 宽度:25%; } 测试div:n-last-child5~div:n-child4n~div{ 背景:灰色; }
如果您确定至少有12个元素,最多16个元素,并且每行有4个元素,则可以使用伪选择器n-childn+13:

* { 框大小:边框框; } html,正文{ 保证金:0; } 上校{ 宽度:25%; 浮动:左; 边框:1px纯绿色; } .col:n个孩子n+13{ 背景:红色; } 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11 12 13 14 15
非常感谢您的建议,但是在html中,每行周围没有容器div,我不想添加任何容器div,以便可以根据需要轻松地对其进行不同的格式设置。注意:如果没有更多结构,最后一个孩子是唯一的选项。OP写道,每行周围没有容器div。我的错,我更新了添加一个解决方案而不需要容器。很好的答案!我认为最好将代码笔链接改为内联代码段:非常感谢!这适用于所有情况,但以下情况除外:1在最后一行有4个div,2在最后一行有4个或更少divtotal@siaeva我用第二个代码片段更新了答案,当项目少于6个时,显示了更多的组合伪类。钢笔也更新了@G-Cyr你真是个天才!这非常有效:非常感谢!非常感谢你!不幸的是,我需要一个解决方案,它适用于任何数量的元素。