📜  LESS语法

📅  最后修改于: 2021-01-06 04:40:38             🧑  作者: Mango

更少的语法

Less是最流行的CSS预处理程序,它通过编程特性(例如变量,函数或Mixin)和操作来扩展纯CSS,该特性可帮助您构建模块化,可伸缩且更易于管理的CSS样式。

根据W3C规范,语法较少是非标准的。 Less中的属性声明与CSS非常相似,但是必须放在自己的行上并缩进。让我们看一个更少的代码示例:

更少的代码:

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

此较少代码由编译器处理,并生成符合浏览器的CSS格式。

CSS代码:

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