css - 如何在 LESS 中获取带引号的字符串

Question

在 LESS 中考虑以下规则:

p{ content: escape('a=1'); }

编译成css:

p { content: a%3D1; }

但我希望 结果在 CSS 中被引用，如下所示:

p { content: "a%3D1"; }

如何实现？

我试过以下:

p{ content: %("%s", escape('a=1')); }

这是可行的，但是又长又难写，还有其他解决方案吗？

Answer 1

要编写简单明了的代码，您可以创建 mixin，它将采用原始字符串并将 content 设置为元素。

混合:

.escape(@string) {
  content: %("%s", escape(~"@{string}"));
}

用法:

p { 
  .escape('a=1'); 
}

输出:

p {
  content: "a%3D1";
}