CSS :: after伪元素后出现的随机字符

时间:2016-09-26 17:27:55

标签: css

有时,似乎伪元素会显示看似随机的内容,而不是用于显示各种图标的ISO内容。

在屏幕截图中,最初使用的是一个角度引号:

content:'\00bb ';

不知何故,内容改为:

content: 'â–¼ ';

这种情况经常发生在我们的网站构建中,但通常随机生成的代码要长得多,而且更加丑陋。

最初,这被认为是直接在CSS中使用符号的结果,如下所示:

content: '» '

当它如上所述断开时,会产生更多随机和丑陋的字符串。

我们早已停止在CSS中直接使用符号,并切换到严格使用ISO内容作为简单符号,这是正确的方法,但我们仍然会遇到错误。

文件保存在CMS中,CMS使用Smarty / PHP构建。

我无法在网上搜索时找到其他这方面的例子,我想知道它是否与CMS的构建方式有关。不知何故,当解析文件时,CMS正在剥离ISO内容,并将其他元素放入其中。

在开发网站时,我们通常使用Chrome开发工具创建CSS,并将CSS复制并粘贴到CMS CSS文件中。不确定内容是如何或何时被搞砸的,并且它不会一直发生。这是非常不可预测的。

任何帮助都将不胜感激。

screenshot with odd characters coming in

pseudo element working as expected

3 个答案:

答案 0 :(得分:0)

您是否使用与索引文件相同的编码编辑css? (确保对你的css和你的html文件使用utf-8或任何其他编码)

答案 1 :(得分:0)

确保您提供了charset <meta>标记:

<meta charset="UTF-8">

为我工作。

答案 2 :(得分:-1)

由于您在网页中使用它,请尝试使用HTML编码:&#xbb;。例如:

&#13;
&#13;
<h1>&#xbb; Shipping</h1>
&#13;
&#13;
&#13;