伪元素内容出现中文乱码

使用汉字的伪元素内容在部分浏览器中可能会出现乱码：代码如下：.test:before{content:'计算结果=';}解决方案首先确认字符集是utf-8确保HTML的META属性设置为charset='utf-8'。经测试，还是会出现乱码。然后，将汉字转成Unicode编码，得到转换后的Unicode编码，去掉u:.test:before{content:'\8ba1\7b97\7ed3\679c\003d';}测试后，还是会出现乱码。然后，通过attr获取元素属性内容.test:before{content:attr(data-before);}如果还有乱码，给upusingPseudo-elements....attr属性函数attr()用于获取HTML元素中的属性值，并在样式中使用。MDN文档attr()理论上可以用于所有CSS属性，但目前只支持伪元素的content属性，其他属性和高级特性目前处于实验阶段。