css3 - 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