为什么这个 less 声明不起作用？

Question

变量不能包含整个 CSS 规则声明？

@teko: {
  font-family: 'Teko', sans-serif
};

@title: @teko;

.test{
  @teko
};

Answer 1

不，但是 mixins 可以。

.my-mixin {
  color: black;
  padding: 2px;
}
.class {
  .my-mixin;
}

产出

.class {
  color: black;
  padding: 2px;
}

Answer 2

您可以在 LESS 中混合使用 (mixins) class 个选择器和 ID 选择器。这是你想做的，

@fontFamily: Teko, sans-serif;

@teko: @fontFamily;

.test {
 font-family: @teko;  
}

您也可以通过以下内容link了解更多关于 mixins

Why this less declaration doesn't work?