转义CSS“内容”属性中的特殊字符？

Question

我有一个带有国家/地区标志的菜单，并使用CSS内容属性添加语言名称。

即。像这样：

a.flags::after {
    content: 'Español';
}

这非常简单，但问题是我在使用SCSS样式表的CMS（Shopify）中工作，并且每个特殊字符（即ñ）都会导致编译器崩溃并导致我的网站加载而没有任何CSS 。 当特殊字符出现在评论中时，甚至会发生这种情况。

所以我尝试将字符转义为'Español'和'Español'，但没有用，因为这些字符不会转换为实际的字符。

我对SCSS没有多少经验，但除了用jQuery操作它们之外，还有什么方法可以正确加载字符吗？

Answer 1

您可以尝试使用Unicode值，如下所示：

a.flags::after {
    content:"Espa\00F1ol";
}

在内容中使用时，应返回正常的西班牙语，如下所示：https://jsfiddle.net/42Lhjfof/1/

您可以在Unicode表格中查找这些值，例如：http://www.utf8-chartable.de/