Question

我试图在其他图片之前添加图片。应该在每个图像之前，除了第一个图像。所以想添加它就像：

.class3:not(:first-child):before {
  background-image: url('image.jpg');
  width: 2rem;
  height: 2rem;
}

html通过Backbone动态添加并使用Handlebars。它看起来像这样：

<div class="class1">
  <div class="class2">
    {{#each item}}
      <div class="class3" style="background-image: url('{{image1}}')">
        <p>{{text}}</p>
        <img class="dialog-popup-rewards" src={{image2}} />
      </div>
    {{/each}}
 </div>
</div>

但没有任何补充。我用较少的复杂性测试了before语句。在所有div中添加before：

.class3:before {
    background-color: black;
    width: 2rem;
    height: 2rem;
}

它永远不会被添加。我错过了什么？为了清楚起见，我重写了代码，所以我可能会出现一些语法错误。

使用Handlebars助手尝试这个会更好吗？

提前谢谢。

Answer 1

您需要在：css块之前包含内容属性。它可以只是一个空字符串。试试这个简化的例子：

.class3:before {
    content: '';
    background-color: black;
    width: 2rem;
    height: 2rem;
}

：选择器之前未添加内容

1 个答案: