css - LESS CSS 转义过滤器

Question

我需要我的 LESS 文件来编译以下过滤器：

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

我似乎无法找出正确的语法来逃避它，因为 LESS 正在剥离 + 符号和空格。我设法通过添加反斜杠来保留 + 号。但这对空间不起作用。我敢肯定这非常容易，但我想不通;-)

Answer 1

试试这个：

filter: ~"url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale')";