如何以更少的方式生成更少的语法？答案

【问题标题】：How to generate less syntax in less?如何以更少的方式生成更少的语法？
【发布时间】：2016-03-27 09:31:28
【问题描述】：

我想生成一个包含所有按钮样式的通用类，它看起来像这样

 .commonButton {
      .button1;
      .button2;
      .button3;
      .
      .button15;
  }

那么如何在 less 中生成这种语法呢？我试过的是这样的

.loopingClass(@index) when (@index > 0) {   
  .button@{index}; // this will give syntax error
  .loopingClass(@index - 1);
};
.loopingClass(15);

【问题讨论】：

但是创建一个具有所有属性的通用按钮类到底有什么意义呢？我问这个是因为如果你设置多种颜色并将它们组合成一个类，那是没有用的。你能展示你的实际用例吗？
是的，我有一个场景，我需要一个公共类中所有按钮的所有属性。
我认为您的案例是 XY 问题伴侣。可能你正试图以错误的方式修复它。
我的猜测是你实际上需要一个用于所有按钮的通用类，因为color: blue 会覆盖color: white ...这没有任何意义。如果我是对的，您可以为每个按钮添加一个额外的类，或者只使用按钮标签选择器。
你的 CSS 做错了。

标签： less

【解决方案1】：

您不能为所有按钮的所有公共属性创建一个类，然后创建一系列单独的类来覆盖差异化的功能吗？例如

.white {color: white;}
.blue {color: blue;}
.green {color: green;}
.ctralign {text-align: center;}

等等。然后你的 html 将是：

<img class="button white ctralign"...

【讨论】：