在CSS中编码“content:”字符?
可能重复:
使用CSS内容添加HTML实体
我有以下设置
CSS:
.header:before {
content: "«";
}
.header:after {
content: "»";
}
HTML:
<h3 class="header">Hello, this is some text which should be wrapped.</h3>
我只是简单地喜欢在标题中写入的任何内容都要包含在«( «
)和»( »
)中。 我如何在CSS中完成这项工作? 它目前显示为:
&laquo;上 你好,这是一些应该包装的文字。 &RAQUO;
而不是:
«你好,这是一些应该包裹的文字。 »
你不能在CSS中使用HTML实体,但你可以使用Unicode十六进制转义,例如
span.url:before { content: "27e8" }
span.url:after { content: "27e9" }
(从我自己的样式表中查找 - 查找十六进制代码点以获得您想要的确切字符)。 请注意,与其他一些符号不同,十六进制数字直接跟在反斜杠上,没有中间的u
。