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

Question

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

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

我的经理极力劝阻我不要使用 javascript 来完成这项特定任务。

非常感谢。

Answer 1

您不能使用 css 添加类....

但是您可以使用 :before 伪造来显示您要添加的图像。

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>