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

Question

我无法弄清楚如何让CSS显示欧元符号(€):before和:after伪元素.

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

尝试用符号€,u20AC和%u20AC.似乎没什么用.

提前致谢.

Answer 1

使用字符"€"作为此类工作,前提是CSS文件的声明字符编码(或者,如果样式表出现在HTML文件中,则是HTML文件)与实际编码一致.

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

如果这不可行,请使用@Alohci提到的方法:'\20AC'.这是一个独立于字符编码的CSS转义,但它不是特别易读.

Answer 2

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

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