当体类存在时,改变LESS Mixin应用的CSS?

时间:2015-02-19 13:40:33

标签: less

我有一个轻松的混音。当我将它应用于一个元素时,如果存在一个body类,我希望它的样式稍有不同。

此:

.mixin() {
  font-weight: bold;
  color: red;
}

.element {
  .mixin()
}

Outputs to this:

.element {
  font-weight: bold;
  color: red;
}

But I also want this to be outputted:

.body-class .element {
  color: blue;
}

1 个答案:

答案 0 :(得分:2)

您可以通过以下方式定义混音:

.mixin() {
  font-weight: bold;
  color: red;

  .body-class & {
    color: blue;
  }
}