Less 语法

Less 变量

Less变量

less变量用符号@定义，值在变量中用冒号(: )分配。变量实际上是"常量"，因为它们只能定义一次。

请参见以下示例:

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

在这里，nice-blue和light-blue是变量，并为其分配了值。

编译后，生成的CSS:

#header {
  color: #6c94be;
}

less变量的列表:

变量	说明
概述	可以使用变量来避免多次重复相同的值。
变量插值	您可以在其他地方使用变量，例如选择器名称，属性名称，URL和@import语句。
变量名称	可以使用包含值的变量名称定义变量。
延迟加载	延迟加载指定您可以使用变量，即使它们尚未声明。
默认变量	Defaulr变量可让您仅在尚未设置变量时对其进行设置。这不是必需的功能，因为可以通过在以后定义变量来轻松覆盖它们。

Less 语法