在前後插入一些文字

我需要在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"; }

但它不工作。

有什麼想法？

2016-01-15 Bronzato

你缺少之間的冒號內容屬性和價值。 –

使用jquery .before和after – devpro

您需要在';之前編寫'content：「以使您的css有效。 –

雙::的選擇和你錯過了一個:後content

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

（<font>在HTML5折舊，考慮<span>和CSS定義大小）

2016-01-15 15:10:05

不幸的是我沒有機會改變HTML。只有我可以改變CSS。 – Bronzato

好吧，沒關係。即使你不改變HTML，這個答案也能解決你的問題 –

解決問題的部分是在CSS屬性名和CSS屬性值之間加上冒號（'：'）。其餘與實際問題無關。 –

回答