css - LESSCSS 转义过滤器

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')";