Less的语法

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格式。

CSS代码：

.class1 {
  background-color: #2d5e8b;
}
.class1 .class2 {
  background-color: #fff;
  color: #2d5e8b;
}