个性化阅读
专注于IT技术分析

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变量仅在尚未设置变量时帮助你设置它。这不是必需的功能, 因为可以通过在以后定义变量来轻松覆盖变量。
赞(0)
未经允许不得转载:srcmini » Less变量

评论 抢沙发

评论前必须登录!