试试吧

LESS格式化/压缩工具 - 在线LESS格式化和LESS压缩

LESS格式化/压缩工具，选择LESS代码缩进长度，上传或输入LESS字符串，一键完成LESS格式化和LESS压缩，支持LESS语法高亮和全屏显示。

场景一：请选择LESS格式化的代码缩进长度。
请上传或输入LESS字符串：
  操作文档

一、LESS语法介绍

  • LESS（Leaner Style Sheets 缩写） 是一门向后兼容的CSS扩展语言，LESS增加了诸如变量、混合、函数等功能，让CSS更易维护和扩充，文件后缀为.less 文件。


1.1、LESS格式美化示例

/* 试试吧代码示例 */
@import "./type.less";
@import "./type.css";
#colors() {
    primary: black;
    secondary: white;
}
.try8 {
    color: #colors[primary];
    border: 1px solid #colors[secondary];
}


二、LESS格式化/压缩工具操作方式

  • LESS格式化/压缩在线工具，主要用于在线对LESS代码进行格式化和压缩操作，特色是支持文件上传下载，您也可以直接在线编辑LESS代码，LESS代码支持语法检测和高亮显示。


2.1、LESS格式化/压缩工具示例

首先，选择代码缩进长度，然后，上传或输入任意有效的LESS文档，点击开始LESS格式化/压缩即可，LESS压缩示例：

@import "./type.less"; @import "./type.css"; #colors() { primary: black; secondary: white; } .try8 { color: #colors[primary]; border: 1px solid #colors[secondary]; }