为什么这个较少的声明不起作用?

时间:2016-04-25 18:32:51

标签: css web less lint

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

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

@title: @teko;

.test{
  @teko
};

2 个答案:

答案 0 :(得分:1)

不,但是mixin可以。

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

输出

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

http://lesscss.org/features/#mixins-feature

答案 1 :(得分:0)

你可以在LESS中混合使用(mixins)类selctors和id selctors。这是你想要做的,

@fontFamily: Teko, sans-serif;

@teko: @fontFamily;

.test {
 font-family: @teko;  
}

您也可以通过以下link了解有关mixins的更多信息