Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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_Pseudo Element - Fatal编程技术网

Html 使用css向动态生成的元素添加类

Html 使用css向动态生成的元素添加类,html,css,pseudo-element,Html,Css,Pseudo Element,我怀疑这是不可能的,但我希望得到证实。我有一系列图像元素作为id添加到一个div中。我正在尝试将另一个小图像附加到第一个图像上。由于容器的宽度根据用户的游戏内容而有所不同,因此将其附加到容器并不能产生一致的结果。我的图像作为类存储在主css文件中 有没有一种方法可以使用::before将类附加到动态生成的元素上 我的经理非常不鼓励我在这个特殊任务中使用javascript 非常感谢 您可以在jQuery中使用类似$(您的\u元素)的东西。addClass(您的\u类)您不能使用css添加类 但您

我怀疑这是不可能的,但我希望得到证实。我有一系列图像元素作为id添加到一个div中。我正在尝试将另一个小图像附加到第一个图像上。由于容器的宽度根据用户的游戏内容而有所不同,因此将其附加到容器并不能产生一致的结果。我的图像作为类存储在主css文件中

有没有一种方法可以使用::before将类附加到动态生成的元素上

我的经理非常不鼓励我在这个特殊任务中使用javascript


非常感谢

您可以在
jQuery
中使用类似
$(您的\u元素)的东西。addClass(您的\u类)
您不能使用css添加类

但您可以使用:before psuedo来显示要添加的图像

div#此id{
位置:相对位置;
宽度:300px;
高度:200px;
背景:蓝色;
}
div#此id:之前{
内容:“;
位置:绝对位置;
排名:0;
左:0;
宽度:50px;
高度:200px;
背景:url(image folder/image/jpg)不重复0 0#f00;
}

我不认为你可以用CSS添加类名,但是你可以使用
选择器:伪类
作为它,下面的例子,使用
.container:before
作为真正的类名

.container:before{
内容:url(“http://lorempixel.com/50/50");
}


我的全部问题是,除非万不得已,否则我不能使用Javascript来完成这项任务。哦,哇,我的糟糕,我读了鼓励,对不起。然后,是的,尝试使用上面发布的CSS,但我真的认为使用JS是最好的方式。我同意这将是最好的方式。我的老板不这么认为。这看起来是个很好的答案,我将对此进行投票,但我必须按照公司标准使用该类。然后用image类替换id,这将以相同的方式工作。我的意思是,图像存储为一个类,这就是它必须按照公司标准在这个代码库中引用的方式。啊,我明白了,那么,恐怕你在CSS方面运气不好。这正是我想/希望弄错的:)