CSS 转 预处理器

将CSS转换为具有嵌套结构的LESS、SASS或SCSS代码。

将CSS文件拖放到此处

CSS 转预处理器转换

SASS、LESS和SCSS是功能强大的预处理器，通过变量、嵌套规则和混合宏等特性扩展CSS功能。本工具可帮助您轻松将传统CSS迁移至这些现代格式。

嵌套规则

自动检测层级选择器并转换为嵌套结构。

变量提取

识别重复的颜色和值，将其转换为可重复使用的变量。

多格式支持

根据您的项目需求选择LESS、SASS或SCSS。

有什么区别？

  • SCSS: 最流行的格式，使用类似 CSS 的语法，包含大括号和分号。
  • SASS: 采用缩进而非大括号，提供更简洁、精炼的语法。
  • LESS: 一种基于 JavaScript 的预处理器，其语法与 CSS 非常相似。