转义 CSS "content" 属性 中的特殊字符？
Escaping special chars in CSS "content" property?
我有一个带有国旗的菜单，并使用 CSS 内容 属性 添加语言名称。
即像这样：
a.flags::after {
content: 'Español';
}
这很简单，但问题是我在使用 SCSS 样式表的 CMS (Shopify) 中工作，每个特殊字符（即 ñ）都会导致编译器崩溃并导致结果在我的网站加载中没有任何 CSS。
当特殊字符在评论中时，甚至会发生这种情况。
所以我尝试将字符转义为 'Español' 和 'Español'，但无济于事，因为这些不会转换为实际字符。
我对 SCSS 没有太多经验，但是除了使用 jQuery 操作它们之外，还有什么方法可以正确加载角色？
您可以像这样尝试使用 Unicode 值：
a.flags::after {
content:"Espa[=10=]F1ol";
}
在内容中使用时应该 return 正常的西班牙语，如下所示：https://jsfiddle.net/42Lhjfof/1/
您可以通过在 Unicode table 中查找这些值来找到它们，例如：http://www.utf8-chartable.de/
我有一个带有国旗的菜单，并使用 CSS 内容 属性 添加语言名称。
即像这样：
a.flags::after {
content: 'Español';
}
这很简单，但问题是我在使用 SCSS 样式表的 CMS (Shopify) 中工作，每个特殊字符（即 ñ）都会导致编译器崩溃并导致结果在我的网站加载中没有任何 CSS。 当特殊字符在评论中时，甚至会发生这种情况。
所以我尝试将字符转义为 'Español' 和 'Español'，但无济于事，因为这些不会转换为实际字符。
我对 SCSS 没有太多经验，但是除了使用 jQuery 操作它们之外，还有什么方法可以正确加载角色？
您可以像这样尝试使用 Unicode 值：
a.flags::after {
content:"Espa[=10=]F1ol";
}
在内容中使用时应该 return 正常的西班牙语，如下所示：https://jsfiddle.net/42Lhjfof/1/
您可以通过在 Unicode table 中查找这些值来找到它们，例如：http://www.utf8-chartable.de/