Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.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
Jquery 根据div中的项目数,使用css设置css属性_Jquery_Html_Css - Fatal编程技术网

Jquery 根据div中的项目数,使用css设置css属性

Jquery 根据div中的项目数,使用css设置css属性,jquery,html,css,Jquery,Html,Css,使用CSS3是否可以仅使用CSS格式化父div的子div,如下所示: 当有3个div时,在div 1和div 2上设置属性x。 当有2个div时,在div 1上设置一个属性x 当有1个div时,在div 1上没有属性x 或者我必须使用jquery来实现这种动态逻辑吗?您不能使用css。下面是一个jQuery解决方案,它在父div ex.has-3-children.上设置一个类 var yourDivElement = $('.your-div-class'); yourDivElement.

使用CSS3是否可以仅使用CSS格式化父div的子div,如下所示:

当有3个div时,在div 1和div 2上设置属性x。 当有2个div时,在div 1上设置一个属性x 当有1个div时,在div 1上没有属性x
或者我必须使用jquery来实现这种动态逻辑吗?

您不能使用css。下面是一个jQuery解决方案,它在父div ex.has-3-children.上设置一个类

var yourDivElement = $('.your-div-class');

yourDivElement.addClass('has-' + yourDivElement.find('.children-div-class').length + '-children');
然后,您可以根据该类别确定目标并应用特定样式。

.家长组{ 高度:1米; 宽度:1米; 背景:红色; 边缘:0.5em; } .父分区:最后一个子分区{ 背景:绿色; }
显示一些html标记对我们来说是很清楚的,你所问的实际上是…我认为你不能只使用css,你需要使用jquery…因为你没有显示任何刷新问题的努力,投票关闭问题…你需要在渲染之前使用SASS或更少在css上进行操作总是乐于帮助: