在进行页面开发时，经常会使用:before, :after伪元素创建一些小tips，但是在:before或:after的content属性使用中文的话，会导致某些浏览器上出现乱码。
content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。
例：
p:after
{
content: "中文！！";
}解决方案：
确保HTML、CSS文件使用UTF-8格式，并且HTML文档也使用UFT-8的字符编码格式，即HTML文档的meta信息包含 <meta charset="UTF-8"> 。
避免在CSS的:before, :after中使用中文，如果一定要使用，可以使用中文对应的Unicode。可以使用使用工具进行Unicode编码转换，或者是JavaScript的原生方法escape将中文转为Unicode。
需要注意的是Unicode在CSS中的书写方式，例如“限量抢”对应的Unicode是'\u9650\u91cf\u62a2'，而在CSS中要写成 span:before { content: '\9650\91cf\62a2' } 。
更多web开发知识，请查阅 HTML中文网 ！！
以上就是css content中文乱码怎么办？的详细内容，更多请关注0133技术站其它相关文章！
