Css 为什么将内容span:after{content:'；'；}放在span内而不是后面？

为什么这个CSS

.sticky-info span:after {content: 'test';}

。。。结果

<div class="sticky-info"><span>Price <strong>&euro;120</strong>::after</span>

价格&欧元；120：：之后

有没有办法获取

内容：
内部的每个
后面都有“test”

在

如果使用span:：after，则after将添加到span的内容后面。 要使其位于跨度后面，请使用

 .sticky-info:after {content: 'test';}

---

您可以这样做：

<div class="sticky-info">
    <span>Price <strong>&euro;120</strong></span>
</div>

---

：：before

和

：：after

表示元素内容之前/之后，因此不可能以这种方式。

---

Thx@Paulie_D和@Tim S.

所以你想用test替换：：after？？？不，这不可能使用CSS生成的内容，除非将

：：after

伪元素移动到父元素

之前和

：：after

表示元素内容之前/之后。

：：before

和

：：after

是它应用到的元素的阴影DOM。不能在同一级别添加它们。我的朋友，你得想点别的办法。你说的“在跨度后面”是什么意思？这就是问题所在，我有几个跨度在里面。粘性信息基本上我想在每个跨度之后放一个中断。粘性信息“代码”。粘性信息span:after{content:''；display:block；}@MDC如果你想放一个中断。。使用填充或空白。@MDC你应该在问题中提到类似的东西，否则没人会知道。我的方法只适用于有一个跨度的情况，因为你的问题只提到一个跨度。如果您想将其用于多个，最好使用jquery。请您将此答案再扩展一点，并解释一下您最终是如何解决的？当然有可能，请查看其他答案。@Benjamin Gruenbaum:基本上，我希望每次进入某个小视口后都能休息一下。在大视口中，不需要中断。我没有尝试在一个小的视口中添加一个断点，而是用另一种方式在一个大屏幕上隐藏断点。不知道为什么这会被否决。它将在span后面添加内容。我想它被否决了，因为OP想要的是在每个span标记后面添加内容的解决方案。对于您的解决方案，它只会将内容添加到div标记的末尾。为了实现OP真正想要的，他必须在每个标签周围添加一个标签容器（虽然我投了你一票，因为你没有错）。谢谢，似乎OP在我发布答案后添加了这个要求

.sticky-info:after {content: 'test';}