Less变量

Less变量用符号@定义, 并且在变量中用冒号(：)分配值。变量实际上是”常量”, 因为它们只能定义一次。

请参阅以下示例：

@nice-blue: #5B83AD;
@light-blue: @nice-blue + #111;
#header {
  color: @light-blue;
}

在这里, 蓝色和浅蓝色是变量, 并为其分配了值。

编译后, 生成的CSS：

#header {
  color: #6c94be;
}

Less变量列表：

Index	Variable	Explanation
1)	Overview	变量可用于避免多次重复出现相同的值。
2)	可变插值	你可以在其他地方使用变量, 例如选择器名称, 属性名称, URL和@import语句。
3)	Variable Names	可以使用包含值的变量名称定义变量。
4)	延迟加载	延迟加载指定即使尚未声明变量, 也可以使用它们。
5)	Default Variables	Defaulr变量仅在尚未设置变量时帮助你设置它。这不是必需的功能, 因为可以通过在以后定义变量来轻松覆盖变量。