LESS-在CSS类上使用变量

这有点遥不可及，但我想知道是否可以将

编号设置为
类的一部分，并根据该编号设置
CSS的
高度

HTML示例：

<div class="div-height-100"></div>

CSS输出：

.div-height-100 {
    height: 100px;
}

这是因为有多个空的图表加载器div，所有这些div的高度都不同，并且可以节省为每个高度设置不同的CSS类的时间

如果有任何帮助，我们将不胜感激。
LESS被编译成CSS，这样它的值在处理后就不能被HTML代码中定义的类修改

为了获得与您试图获得的结果类似的结果，您必须提前创建不同的CSS类

.div-height-100 {
  height: 100px;
}
.div-height-200 {
  height: 200px;
}
.div-height-300 {
  height: 300px;
}
.div-height-400 {
  height: 400px;
}

这个CSS可以使用以下更少的代码自动生成，即使用construct（注意函数的使用）。我假设您已经知道可能的“高度”值，并将它们存储在列表中。您只需向列表中添加更多值，即可生成更多CSS类：

//Possible height values
.div-heights(100, 200, 300, 400);

.generate-heights-loop(@var; @possible-values) when (@var <= length(@possible-values)) 
{
  //Let's extract values in @var position from list @possible-values
  @height: extract(@possible-values, @var);

  .div-height-@{height} 
  {
    height: unit(@height,px);
  }

  .generate-heights-loop((@var + 1), @possible-values);
}

.div-heights(@possible-values...) 
{
  .generate-heights-loop(1, @possible-values);
}

//可能的高度值
.分区高度（100200300400）；
.generate heights loop（@var；@可能值）当（@var是的，您肯定可以这样做
.div height-@{var}{height:unit（@var，px）；}
。如果您有多个这样的类/高度，您也可以使用ar数组列表变量和循环来生成多个类。您可能希望进行一次演练。尽管在这种特殊情况下，将元素大小/位置硬编码到CSS类名中的想法通常被认为是有很大缺陷的。（如果您必须拥有类似的功能，则可以使用
而不使用任何CSS）谢谢大家，这个类是在一个HTML助手上设置的，我不能在上面使用内嵌样式。我最近一直在使用jquery
data
attributes，我想我可以在这里做一些类似的事情，因为我相对来说比较新，使用较少，我仍然习惯于它的功能和最佳实践。
//Possible height values
.div-heights(100, 200, 300, 400);

.generate-heights-loop(@var; @possible-values) when (@var <= length(@possible-values)) 
{
  //Let's extract values in @var position from list @possible-values
  @height: extract(@possible-values, @var);

  .div-height-@{height} 
  {
    height: unit(@height,px);
  }

  .generate-heights-loop((@var + 1), @possible-values);
}

.div-heights(@possible-values...) 
{
  .generate-heights-loop(1, @possible-values);
}