Less是最流行的CSS预处理程序, 它以编程特性(例如变量, 函数或Mixin)和操作来扩展纯CSS, 该特性可帮助你构建模块化, 可伸缩且更易于管理的CSS样式。
根据W3C规范, 语法Less是非标准的。 Less中的属性声明与CSS非常相似, 但是必须放在自己的行上并缩进。我们来看一个Less的代码示例:
Less的代码:
@color-base: #2d5e8b;
.class1 {background-color: @color-base;
.class2 {background-color: #fff;
color: @color-base;
}}
此Less代码由编译器处理, 并生成符合浏览器的CSS格式。
【Less的语法】CSS代码:
.class1 {background-color: #2d5e8b;
}.class1 .class2 {background-color: #fff;
color: #2d5e8b;
}