css before 中文乱码？

Question

给css :before 添加中文出现乱码该怎么解决?

.more-text:before {
    content: '更多>';
    display: inline;
}

转成unicode怎么还是不能用?
.more-text:before {
    content: '\u66f4\u591a\u0026\u0067\u0074\u003b';
    display: inline;
}

Answer 1

检查css文件 编码和html文档的编码是否统一。
最好全部utf-8比较好。也可以尝试在css文档头加入 @charset "utf-8";

unicode 使用 content: '\66F4 \591A >';

可以用这个转换 https://r12a.github.io/apps/conversion/ 最下角那个是css的

Answer 2

方法一：
检查HTML文件，CSS文件的编码格式，统一编码。

方法二：
CSS，JS中尽量不要出现中文。如果一定要有，又怕出问题，可以将中文转化为unicode。
可以去这里转化： tool.chinaz.com/Tools/Unicode.aspx