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

Question

我无法弄清楚如何让CSS在:before和:after伪元素中显示欧元符号（€）。

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

尝试使用符号€，u20AC和%u20AC。似乎没什么用。

提前致谢。

Answer 1

使用字符“€”作为此类工作，前提是CSS文件的声明字符编码（或者，如果样式表出现在HTML文件中，则是HTML文件）与实际编码一致。

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

如果这不可行，请使用@Alohci提到的方法：'\20AC'。这是CSS escape，它独立于字符编码而工作，但它不是特别易读。

Answer 2

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

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