在进行页面开发时,经常会使用:before, :after伪元素,但是在:before或:after的content属性使用中文的话,会导致某些浏览器上出现乱码

[css] before、:after ,当content使用中文时有时候会出现乱码_HTML

解决方案:

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

2、避免在CSS的:before, :after中使用中文,如果一定要使用,可以使用中文对应的Unicode。使用站长工具(http://tool.chinaz.com/tools/unicode.aspx)的Unicode编码转换,或者是JavaScript的原生方法escape将中文转为Unicode。需要注意的是Unicode在CSS中的书写方式,

例如“切换应用”对应的Unicode是’\u5207\u6362\u5e94\u7528’,而在CSS中要写成

div:before { content: '\5207\6362\5e94\7528' }