为什么内容跨度：在{content：＆＃39;之后＆＃39;}被放入跨度而不是之后？

Question

为什么这个CSS ...

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

......导致......

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

有没有办法让content:'test'内的每个</span>落后<div class="sticky-info"> <div class="sticky-info">内有几个跨度

Answer 1

你可以这样做：

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

CSS：

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

Answer 2

::before和::after表示元素内容之前/之后，因此无法以这种方式实现。 Thx @Paulie_D和@Tim S。

Answer 3

http://fiddle.jshell.net/9g8qzt3f/

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

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