如何在 CSS 中包含 HTML 编码的“content:”字符? [复制]

2024-02-03

可能的重复:
使用 CSS 内容添加 HTML 实体 https://stackoverflow.com/questions/190396/adding-html-entities-using-css-content

我有以下设置

CSS:

.header:before {
    content: "«";
}

.header:after {
    content: "»";
}

HTML:

<h3 class="header">Hello, this is some text which should be wrapped.</h3>

我只是希望标头中写入的内容都包含在 « (&laquo;) 和 ” (&raquo;)。我怎样才能在 CSS 中实现这个功能?它目前显示为:

&laquo;您好,这是一些应该换行的文本。 ”

而不是:

« 您好,这是一些需要换行的文本。 »


您不能在 CSS 中使用 HTML 实体,但可以使用 Unicode 十六进制转义符,例如

span.url:before { content: "\27e8" }
span.url:after { content: "\27e9" }

(从我自己的样式表之一中查找您自己想要的确切字符的十六进制代码点)。请注意,与其他一些表示法不同,十六进制数字直接跟在反斜杠后面,没有中间字符u.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 CSS 中包含 HTML 编码的“content:”字符? [复制] 的相关文章

随机推荐