如何在 CSS 中包含 HTML 编码的“内容：”字符？ [复制]

Posted 2023-03-05

【中文标题】如何在 CSS 中包含 HTML 编码的“内容：”字符？ [复制]

【英文标题】：How can I include a HTML-encoded "content:" character in CSS? [duplicate]

【发布时间】：2011-10-30 03:35:36

【问题描述】：

可能重复：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>

我只想将标头中写入的任何内容包裹在 « («) 和 » (») 中。如何在 CSS 中完成这项工作？它目前显示为：

«你好，这是一些应该被换行的文本。 »

而不是：

« 你好，这是一些需要换行的文本。 »

【参考方案1】：

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

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

（来自我自己的样式表之一——在十六进制代码点中查找您想要的确切字符）。请注意，与其他一些符号不同，十六进制数字直接跟在反斜杠后面，没有干预 u。

【讨论】：

不错的一个！我不知道。

+1，另见CSS Syntax and basic data types

但是如何获得这些 un​​icode 代码？它似乎与字符的数字代码不同。 ↓是向下箭头，但 \8595 是一些汉字。像这样的帖子有一百万个。在所有这些中，有人说“为那个角色使用这个代码”，但没有人解释你是如何得到这些代码的。

@l008com：它只是将 Unicode 代码点作为 base-16 数字的四个十六进制数字，就像可以在 Unicode 标准的代码图表中查找一样。 XML/HTML &# 实体默认使用 base 10，因此任何特定代码点的数字都将不同于 base 16 表示。