Sass在“content”CSS属性中的unicode字符后添加了额外的空间

Question

我正在为Bootstrap的文件选择输入提供国际化。 这是通过编辑Sass变量完成的，所以我尝试了

但Sass在“+”字符后添加了额外的空格，现在看起来像这样：

这就是编译CSS的样子：

如何摆脱这个额外空间？

Answer 1

您已将''用于pl:，而改用""（双重引出），它应该可以正常工作。还要在开始时声明 @charset "UTF-8";（甚至在注释之前也不要加注释）。进一步检查this。

Answer 2

这似乎是您的编译器的问题。我使用gulp-sass编译它并且它工作正常，它实际上不会转换“±”。

但是，作为一种解决方法，您可以添加：

 @charset "UTF-8"; 

在sass文件中的自定义文件输入类之上。这将强制您的编译器以UTF-8编译。

Answer 3

您可能将:: after的值声明为变量（我是css而不是sass）。
尝试通过一些简单的步骤来构建此变量：

  $after = 'Przegl';  
  $after.= '\105';  
  $after.= 'daj';  

Answer 4

我是这样解决这个问题的：

&::after {
    content: 'Sărbă''tori fericite!';
}