html - CSS :before content value changing until cache is cleared

Question

我有一个 ul 列表，其中包含受以下 CSS 代码影响的 V 形元素符号点:

ul li::before { 
content : "»"; 
padding-right: 0.3em;
} 

最初显示正确；然而过了一会儿，要点变成了»。通过清除缓存可以修复此问题(暂时)，但问题会再次出现，而且我一生都无法弄清楚为什么会出现额外的字符。我尝试过内容:“\»”和内容:“\00bb”，但出现了同样的问题。这种情况发生在 Chrome 中，我认为 Safari 中也会发生这种情况，在我的本地开发环境以及实时网站上(http://markfisher.photo - 有问题的列表位于“我在其他地方”下的底部)。

更多信息(非常令人困惑，但如果您遵循，也许能够迫使问题在 Chrome 中显现出来):

有趣的是，现在看看我的实时网站，尽管它在页面上正确显示，但在检查列表后，Chrome devtools 说 css 实际上是内容:“\»”。在打开的开发工具中刷新页面会改变这一点，因此在页面和 Chrome 开发工具中它都是正确的。但是，如果我打开页面(显示正确)，打开 Chrome 开发工具(显示额外内容)，然后关闭开发工具，然后刷新，额外内容将显示在页面上。

任何想法将不胜感激。

Answer 1

http://markfisher.photo/code/css/footer.css ，当直接在浏览器中调用时，已经以这种方式显示:

div.quick_links ul li::before { 
   content : "\»";

但是，在浏览器中将编码显式切换为 UTF-8 会使其变为 "\»"。

尝试明确告诉浏览器此样式表是用 UTF-8 编码的，方法是让服务器向 Content-Type header 添加 charset，以便它变成

Content-Type: text/css; charset=UTF-8

或者通过放置线

@charset "utf-8";

在样式表的最开始处。