Css 减：在样式定义中检索和使用通配符值

我有叫做.col-[1-24]的类，例如.col-1、.col-2、.col-3等等

我希望实现以下目标：

.col-$varname {
  width: @varname
}

。。。其中@varname是一个较小的变量，$varname在概念上是一个变量选择器，其值将传递给@varname

另一种说法是，任何.col-X都应该具有@col-X的宽度

---

使用更少的CSS，或者如果不使用CSS，这可能吗？

当然可以更新，以允许灵活的单位和灵活的属性值[小于1.6]：

少

---

可以更新Sure以允许灵活的单位和灵活的属性值[小于1.6]：

少

.makeIndexProp(@max, @class-prefix, @unit: px, @prop: width,  @i:1) when (@i <= @max) {
  .@{class-prefix}@{i} {
    @{prop}: unit(@i, @unit);
  }
  .makeIndexProp(@max, @class-prefix, @i:(@i+1));
}

.makeIndexProp(5, col-);

.col-1 {
  width: 1px;
}
.col-2 {
  width: 2px;
}
.col-3 {
  width: 3px;
}
.col-4 {
  width: 4px;
}
.col-5 {
  width: 5px;
}