使用颜色名称减少css变量

Question

我试图创建一些宽度减去css的动态类。

这个想法是在html这个类中使用的：

.color-white{
   color: white !important;
}

我在Less：

中创建了这个sintaxis

.change-color(@which; @color){
  .color-@{which}{
    color:@color !important;
  }
  .background-@{which}{
    background-color:@color !important;
  }
}

所以，有了这个，我想接受我的想法：D

.change-color(@which: white; @color: white);

但是，这就是问题，我有这个：

.color-#ffffff{
  color:#fff!important
}
.background-#ffffff{
  background-color:#fff!important
}

我如何使用＆＃34; white＆＃34;作为字符串而不是十六进制颜色。

感谢。

Answer 1

改为采用这种方式：

.change-color(@which: ~'white'; @color: ~'white');

虽然我认为最好只是明确地创建一个名为.color-red的类，而不是让事情变得更加难以理解。