html - 如何在伪元素前后的CSS中显示欧元符号

Question

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

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

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

提前致谢。

Answer 1

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

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

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