在CSS内容中使用特殊字符

Question

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

h1:before {
    content: "\263A";
}
h1:after {
    content: "☺";
}

<h1>Smile</h1>

Answer 1

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

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