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

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

(<font>在HTML5中折旧,考虑用a <span>和CSS来定义大小)