在 CSS 内容中使用特殊字符

Question

正确的使用方法是什么？ Unicode 或只是字符本身，虽然结果似乎是一样的。

h1:before {
    content: "3A";
}
h1:after {
    content: "☺";
}

<h1>Smile</h1>

Answer 1

结果相同如果包含此代码的文件的字符编码已正确声明。请参阅 W3C 页面 Character encodings 和链接的资源，但请注意“尽量避免使用 UTF-8 中的字节顺序标记”的建议是不正确的。使用字节顺序标记 (BOM) 增加了额外的保护；相反的建议要么已经过时，要么与 PHP 有关，这是一个不同的问题。所以基本上你应该将 CSS 文件保存为 UTF-8 编码 with BOM.

使用像 "3A" 这样的引用可以避免字符编码问题，但代价是源代码的可读性。其余的是基于意见。

在 CSS 内容中使用特殊字符

Use special characters in the CSS content

css

unicode

special-characters