如何自定义less 的一些编译规则

Question

问题背景：
png图片兼容处理 团队给的方案是 ie6 使用低质量的 png8 高版本的用png24 这样项目目录中就会有xxx.png xxx_png8.png。

期待效果：

目前团队中在用less 能否有这样的解决方案

fixPng（@url）;
.node1{
    fixPng(a.png);
}

编译结果为

.node1{
  background: url("a.png");
}
.ie6 .node1{
  background: url("a_png8.png");
}

Answer 1

参考 http://lesscss.org/functions/#string-functions

.png-bg(@a) {
  background-image: e(%('url("%s.png")', @a));
  .ie6 & {
    background-image: e(%('url("%s_png8.png")', @a));
  }
}

.node {
  .png-bg("img/aaa/bbb");
};