Less 如何在更少的时间内生成更少的语法?

Less 如何在更少的时间内生成更少的语法?,less,Less,我想生成一个包含所有按钮样式的公共类,如下所示 .commonButton { .button1; .button2; .button3; . .button15; } 那么如何用更少的时间生成这个语法呢?我试过的是这样的 .loopingClass(@index) when (@index > 0) { .button@{index}; // this will give syntax error .loo

我想生成一个包含所有按钮样式的公共类,如下所示

 .commonButton {
      .button1;
      .button2;
      .button3;
      .
      .button15;
  }
那么如何用更少的时间生成这个语法呢?我试过的是这样的

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

难道你不能为所有按钮的所有公共属性创建一个类,然后创建一系列独立的类来覆盖不同的特性吗?e、 g

.white {color: white;}
.blue {color: blue;}
.green {color: green;}
.ctralign {text-align: center;}
等等。然后您的html将如下所示:

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

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