css - 重用作为参数混合的参数传递的较少变量

Question

是否可以使用 less 变量作为参数混合的参数？

这是一个例子:

@red: #ff0000;
@blue: #0000ff;

.body-theme(@color){
   background: @color;
   p {
       color: @color;
   }      
}

body{
    &.red{
        .body-theme(@red);
    }
    &.blue{
        .body-theme(@blue);
    }
}

这个例子不是很聪明，但它应该说明我想重用 css 的一部分，并且可以选择仅将颜色设置为参数。

感谢您的帮助!

Answer 1

如有疑问，请进行测试:http://lesstester.com/在这里尝试你的例子表明它会工作，给出这个输出:

body.red {
  background: #ff0000;
}
body.red p {
  color: #ff0000;
}
body.blue {
  background: #0000ff;
}
body.blue p {
  color: #0000ff;
}

如果您不确定某些事情是否可以用更少的时间完成，您应该在将来使用它来快速测试。