CSS 转 LESS

将 CSS 转换为 LESS 的过程并没有一个自动化工具，但你可以手动调整 CSS 以符合 LESS 的语法规范。LESS 是一个 CSS 预处理器，它允许使用变量、嵌套规则、混入（mixins）等功能，从而使代码更加简洁和模块化。

1. CSS 转 LESS 基本方法
示例：原始 CSS
css

/* 原始 CSS 文件 */
body {
background-color: #f0f0f0;
font-size: 16px;
}

h1 {
color: #333;
font-size: 24px;
}

button {
background-color: #4D926F;
padding: 10px 15px;
border: none;
color: #fff;
cursor: pointer;
}
转换为 LESS：
在 LESS 中，你可以使用变量、嵌套规则以及混入（mixins）来优化和简化 CSS 代码。

less

/* 转换后的 LESS 文件 */
@primary-color: #4D926F;
@bg-color: #f0f0f0;
@font-color: #333;
@button-padding: 10px 15px;

body {
background-color: @bg-color;
font-size: 16px;
}

h1 {
color: @font-color;
font-size: 24px;
}

button {
background-color: @primary-color;
padding: @button-padding;
border: none;
color: #fff;
cursor: pointer;
}