在LESS CSS中动态定义变量

这无法完成

LESS当前无法实现您想要做的事情。 如果您提前知道要允许使用哪些变量名 （换句话说，不是完全动态的），我可以想到两种可能的“解决方法”
。然后可以执行以下操作之一：

想法＃1（变量）

.define(@var) {  @fooBar: 0;  @fooTwo: 2;  @fooYep: 4;  @fooSet: 'foo@{var}';}.define(Two);.test {  .define(Bar);  prop: @@fooSet;}.test2 {  prop: @@fooSet;}

想法2（参数混合）

减

.define(@var) {  .foo() when (@var = Bar) {    @fooBar: 0;  } .foo() when (@var = Two) {    @fooTwo: 2;  } .foo() when (@var = Yep) {    @fooYep: 4;  }  .foo();}.define(Two);.test {  .define(Bar);  prop: @fooBar;}.test2 {  prop: @fooTwo;}

CSS输出（两个想法都适用）

.test {  prop: 0;}.test2 {  prop: 2;}

结论

但是我不确定它是否真的有用，也不知道它在您的实际用例中是否可以有任何实际的应用程序（因为您提到的不是真正的用例）。如果要在LESS中使用完全动态的变量，则不能通过LESS本身来完成。