在之前和之后插入一些文本

Question

我需要在hey个字符之前和之后注入一些文本。 我需要一个仅限CSS的解决方案。

我的HTML：

<span class="wsite-headline">
     <font size="5">hey</font>
     <br>
     <strong>dude</strong>
</span>

我已经尝试过这个css：

.wsite-headline font:before { content "before";  }
.wsite-headline font:after { content "after";  }

但它不起作用。

有什么想法吗？

Answer 1

选择器加倍::，:之后错过一个content

.wsite-headline font::before { content: "before";  }

（在HTML5中折旧<font>，考虑使用<span>和CSS来定义尺寸）