Cookie の使用について.本サイトでは、基本機能の提供に必要な必須 Cookie を使用しています。さらに、同意いただいた場合に限り、アクセス解析 Cookie を利用して利用状況を把握し、サービス改善に役立てます。詳しくは .
このツールが役に立ったら、開発者にコーヒーを奢ってください ☕
实现LESS与CSS代码双向转换,支持变量、嵌套等高级特性处理
CSSはLESSの有効なサブセットであるため、元のCSSをそのまま出力します。必要に応じて、変数・Mixin・ネストなどのLESS機能を追加してください。
前端开发中常面临LESS预处理器代码与浏览器可读CSS代码的转换需求。本工具通过实时编译引擎,准确处理LESS的变量(@var)、混合(Mixin)、嵌套规则等特性,输出符合W3C标准的CSS代码;反向转换时,会自动重构CSS选择器为LESS嵌套语法,保留关键注释结构。
LESS变量转换后会丢失吗?
不会。所有@变量会被编译为CSS自定义属性(--var)保留值。
如何转换包含@import的LESS文件?
需手动合并被引用的文件内容后转换,本工具不处理外部文件依赖。
CSS转LESS时,媒体查询中的嵌套规则可能需手动调整;转换含!important的样式时建议检查优先级。
典型场景:将Bootstrap的LESS源码(如variables.less)转换为CSS时,建议先处理依赖文件顺序。示例输入输出:@btn-color: #337ab7; → --btn-color: #337ab7;