LESS格式化/压缩

LESS格式化和LESS压缩,支持LESS在线编辑、LESS代码语法检测和高亮显示。

第一步:请上传有效的LESS文件,或直接输入LESS字符串。
第二步:请选择LESS代码缩进的长度。
加载中...
  操作文档

一、LESS格式化/压缩在线工具使用介绍

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


二、LESS格式化/压缩使用示例

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


2.1、LESS 格式美化示例

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


2.2、LESS 在线压缩示例

首先,上传或输入任意有效的 LESS 文档,选择缩进长度,然后,点击 LESS压缩,LESS 压缩示例:

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