如何在伪元素之后和之前在css中显示欧元符号答案

【问题标题】：how to display euro symbol in css after and before pseudoelements如何在伪元素之后和之前在css中显示欧元符号
【发布时间】：2013-12-06 17:22:10
【问题描述】：

我不知道如何让 CSS 在 :before 和 :after 伪元素中显示欧元符号 (€)。

.my-span:after {
    content: '&euro;';
}

尝试使用符号 €、u20AC 和 %u20AC。似乎没有任何效果。

提前致谢。

【问题讨论】：

您可以使用像 content: '\20AC'; 这样的转义符，这在某些情况下可能很有用，例如用于空格字符，但对于欧元符号，请使用 Advocation 的答案。

【解决方案1】：

如果 CSS 文件（或者，如果样式表出现在 HTML 文件中，则 HTML 文件中的样式表）的声明字符编码与实际编码一致，则使用字符“€”可以正常工作。

由于服务器通常不为 CSS 文件指定字符编码，因此将文件保存为 UTF-8 编码与 BOM 就足够了。 BOM 让浏览器自动识别编码。

如果这不可行，请使用@Alohci 提到的方法：'\20AC'。这是一个独立于字符编码的CSS escape，但它的可读性并不高。

【讨论】：

尽管'\20AC' 的可读性较差，但我更喜欢它而不是我的 HTML 和 CSS 之间的耦合编码。使用逃生是更可靠的选择，你一定会在某个时候遇到它们，所以到那时知道它们是什么也不是一件坏事:)

【解决方案2】：

您应该可以使用符号 - http://jsfiddle.net/8Wz9B/

.my-span:after {
    content: '€';
}

【讨论】：