在线 LESS 到 CSS 转换器

Input data
bfotool loadding
Output data
bfotool loadding

LESS To CSS Converter 可帮助您在线将 LESS 转换为 CSS。

LESS 到 CSS 转换器最简单

这个免费的在线工具可让您将 LESS 文件转换为 CSS 文件。只需将您的 LESS 粘贴到下面的表格中，它就会立即转换为 CSS 无需下载或安装任何软件。自由

工具 什么是 LESS 到 CSS 转换器？

这个 LESS 到 CSS 转换器将 LESS 数据和文件转换为 CSS 数据和文件。此转换器允许自定义输入 LESS 和输出 CSS 它还接受带有自定义列分隔符和字段引号字符的 LESS 文件。它支持注释行，您可以选择忽略空行。您还可以更改输出 CSS 缩进中要使用的空格数。

如何将 LESS 转换为 CSS？

第 1 步：选择您的输入。输入数据。
第 2 步：选择输出选项（可选） 输出选项。
第 3 步：生成输出。

LESS 到 CSS 转换器示例

较少的

@base: 24px;
@border-color: #B2B;

.underline { border-bottom: 1px solid green }

#header {
  color: black;
  border: 1px solid @border-color + #222222;

  .navigation {
    font-size: @base / 2;
    a {
    .underline;
    }
  }
  .logo {
    width: 300px;
    :hover { text-decoration: none }
  }
}

CSS

.underline {
    border-bottom: 1px solid green;
}
#header {
    color: black;
    border: 1px solid #dd44dd;
}
#header .navigation {
    font-size: 12px;
}
#header .navigation a {
    border-bottom: 1px solid green;
}
#header .logo {
    width: 300px;
}
#header .logo :hover {
    text-decoration: none;
}