Less变量用符号@定义, 并且在变量中用冒号(：)分配值。变量实际上是”
常量”
, 因为它们只能定义一次。
请参阅以下示例：
@nice-blue: #5B83AD;
@light-blue: @nice-blue + #111;
#header {color: @light-blue;
}在这里, 蓝色和浅蓝色是变量, 并为其分配了值。
编译后, 生成的CSS：
#header {color: #6c94be;
}【Less变量】Less变量列表：
| Index | Variable | Explanation |
|---|---|---|
| 1) | Overview | 变量可用于避免多次重复出现相同的值。 |
| 2) | 可变插值 | 你可以在其他地方使用变量, 例如选择器名称, 属性名称, URL和@import语句。 |
| 3) | Variable Names | 可以使用包含值的变量名称定义变量。 |
| 4) | 延迟加载 | 延迟加载指定即使尚未声明变量, 也可以使用它们。 |
| 5) | Default Variables | Defaulr变量仅在尚未设置变量时帮助你设置它。这不是必需的功能, 因为可以通过在以后定义变量来轻松覆盖变量。 |
