作为变量的属性 (新!)

v3.0.0

你可以使用 $prop 语法轻松地将属性视为变量。 有时这可以使你的代码更轻一些。

.widget {
  color: #efefef;
  background-color: $color;
}

编译为:

.widget {
  color: #efefef;
  background-color: #efefef;
}

请注意,与变量一样,Less 将选择当前/父作用域内的最后一个属性作为 "final" 值。

.block {
  color: red; 
  .inner {
    background-color: $color; 
  }
  color: blue;  
} 

编译为:

.block {
  color: red; 
  color: blue;  
} 
.block .inner {
  background-color: blue; 
}