重用较少的变量作为参数mixins的参数传递

Question

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

以下是一个例子：

@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;
}

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