Question

我怀疑这是不可能的，但我正在寻找确认。我有一系列图像元素作为id添加到div。我正在尝试将另一个小图像附加到第一个。由于容器的宽度根据用户的游戏内容而变化，因此将其附加到容器并未产生一致的结果。我的图像存储为主css文件中的类。

有没有办法使用:: before将类附加到动态生成的元素？

我的经理对使用javascript执行此特定任务感到非常沮丧。

非常感谢。

Answer 1

您无法使用css ....

添加课程

但你可以使用：在psuedo之前显示你想要添加的图像。

div#this-id {
  position: relative;
  width: 300px;
  height: 200px;
  background: blue;
}
div#this-id:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 200px;
  background: url(image-folder/image/jpg) no-repeat 0 0 #f00;
}

<div id="this-id"></div>

Answer 2

我不认为您可以使用CSS添加类名，但您可以使用selector:pseudo-class为其，例如，使用.container:before作为真正的类名。

＆＃13;

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

＆＃13;

<div class="container">
    <img src="http://lorempixel.com/100/100" />
    <img src="http://lorempixel.com/150/150" />
</div>

＆＃13;

小提琴演示： http://jsfiddle.net/dh6ynq32/（带一些自定义样式）

Answer 3

您可以在jQuery中使用$( your_element ).addClass( your_class)

使用css将类添加到动态生成的元素

3 个答案: