为什么内容 span:after {content: ' '} 放在 span 内而不是之后？

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';}