:: 将 less 文件编译为 css 时，内容更改为奇怪字符后

编程问答 2022-05-01

问题描述

我有这个 less 文件，其中包含这一行 &::after{content: '▼';} 但是当使用 less 编译器 (lessc) 编译为 css 时，我在 css 文件中得到以下结果 &::after{content: 'Ôû╝';}。

在网站上，显示的是奇怪的字符而不是向下的箭头。

如何让这个内容在编译过程中保持不变？

解决方法

您需要将其替换为以下代码：

content: '\25BC';

并非所有服务器都会识别实际字符 - 但每次都会识别代码。

如果您只想直接使用字符“▼”——您只需要使用相同的、约定的编码保存和打开您的文件。否则你会得到乱码。最好使用的编码是 UTF-8。

您可以在 HTML 中执行此操作

<head>
  <meta charset="UTF-8">
</head>
less