Javascript CSS将附加的伪元素添加到一个类中（前面、后面和后面）

我试图通过只使用“labels”类（例如，我不想要“arrow”类/html）来实现以下结果。这是否仅适用于伪元素？例如“.labels:tesing{}”等

HTML:

199

JS小提琴：

---

这不可能仅使用CSS，但使用jQuery非常简单。就这样:

$('.labels').append('<div class="arrow"></div>');

$（'.labels'）。追加（''）；

---

FIDDLE:

美元和美元文本是内容的一部分，您应该在内容中包含它们，而不是在CSS中。然后您将释放伪元素以用于三角形。

<div class="labels">199
    <div class="arrow"></div>
</div>

$('.labels').append('<div class="arrow"></div>');