Less 变量

2024年8月29日 | 1 分钟阅读

Less 变量使用符号 @ 定义，值使用冒号 ( : ) 赋值给变量。变量实际上是“常量”，因为它们只能被定义一次。

请看这个例子

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

这里，nice-blue 和 light-blue 是变量，值被赋予给它们。

编译后，生成的 CSS 为：

#header {
  color: #6c94be;
}

Less 变量列表

索引	变量	说明
1)	概述	变量可以用来避免相同的值重复出现多次。
2)	变量插值	您可以在其他地方使用变量，例如选择器名称、属性名称、URL 和 @import 声明。
3)	变量名	可以使用包含值的变量名来定义变量。
4)	懒加载	惰性加载指定即使变量尚未声明，您也可以使用它们。
5)	默认变量	默认变量方便您仅在尚未设置变量时设置变量。这不是一个必要的功能，因为可以通过在之后定义变量来轻松覆盖它们。

下一个主题Less 变量作用域

Less 变量

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

Less 教程

Less 函数

Less 面试

Less 变量

相关帖子

Less Extend

Less Mixins

Less 导入选项

Less 导入

LESS 的特性

Less 注释

2) Less 合并空格

Less 语法

什么是 Less

3) Less CEP 选择器

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器