Less 是一个流行的 CSS 预处理器，它扩展了 CSS 的功能，增加了变量、混合（Mixins）、嵌套等功能，使得 CSS 的编写更加高效和易于维护。

快速开始

以下是一个简单的 Less 例子：

@import "variables"; // 引入变量文件

@main-color: #333;

body {
  background-color: @main-color;
  color: #fff;
}

.header {
  .border-radius(10px);
}

.border-radius(@radius) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}

在上面的例子中，我们首先引入了一个名为 variables 的变量文件，然后定义了一个主色调变量 @main-color。接着，我们为 body 元素设置了背景颜色和文字颜色。在 .header 类中，我们使用了 Less 的嵌套功能来应用边框圆角。

更多资源

想要了解更多关于 Less 的信息，可以访问以下链接：

图片示例

中心图片：CSS预处理器

CSS_Previewer