css里content使用中文乱码，以及中文转unicode怎么在css样式里使用？

问题

比如：我们要使用伪类生成一段文字的时候，我们可以使用Unicode，下面用​​选择事项【上下切换，按回车确认】​​一段文字为例，我们用中文直接写的时候会出现下面乱码问题：

.test::before {
    content: '选择事项【上下切换，按回车确认】'
}

使用方法

先将​​选择事项【上下切换，按回车确认】​​转为 Unicode 编码

工具可以用这个网址​​https://www.bejson.com/convert/unicode_chinese/​​转换

输入中文：

点击​​中文转 Unicode​​

​​\u9009\u62e9\u4e8b\u9879\u3010\u4e0a\u4e0b\u5207\u6362\uff0c\u6309\u56de\u8f66\u786e\u8ba4\u3011​​

但是上面的不能直接使用css里

​​html, js和css如何使用unicode字符编码​​

根据上面的规则，我们应该没有 u

​​\9009\62e9\4e8b\9879\3010\4e0a\4e0b\5207\6362\ff0c\6309\56de\8f66\786e\8ba4\3011​​

.test::before {
    content: '\9009\62e9\4e8b\9879\3010\4e0a\4e0b\5207\6362\ff0c\6309\56de\8f66\786e\8ba4\3011'
}

总结

确保HTML、CSS文件使用 UTF-8 格式，并且HTML文档也使用 UFT-8 的字符编码格式，即HTML文档的meta信息包含 ​​<meta charset="UTF-8">​​ 。

避免在 CSS 的 ​​:before, :after​​​ 中使用中文，如果一定要使用，可以使用中文对应的 ​​Unicode​​。