Less的转义字符

Posted 2020-10-15 Web先生的博客

Less的转义字符

有时候，当需要引入无效的CSS语法或Less不能识别的字符，就需要使用转义字符。此时，就可以在字符串前面加一个 ~，并将需要转义的字符串放在 "" 中。格式为：

~"anything"

在编译时，任何包含在 ~"anything" 中的内容，将会原封不动的输出到编译后的CSS文件中。如，以下Less代码：

1. .weird-element {
2.   content: ~"^//* some horrible but needed css hack";
3. }

编译后的CSS代码为：

1. .weird-element {
2.   content: ~"^//* some horrible but needed css hack";
3. }