📌  相关文章
📜  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;
}