样式处理 #

Less

#

历史悠久的CSS超集，赋予 CSS 于编程逻辑特性，让 CSS 也能动起来，本身完全兼容CSS语法，并提供包括 嵌套 混入 函数 命名空间 作用域映射在内的诸多特性，获得众多开发者的喜爱

• 官方文档 英文 | 中文
• 公网仓库 Github | Npm
• 支持度&兼容性

Sass

#

历经13年之久的维护更新，Sass一直走在CSS扩展库的前列，相比Less具有更多更强大的高级特性，指令 混合 函数 继承等功能一应俱全，虽然已经有了 Less，但不妨试试更强大的 Sass

• 官方文档 英文 | 中文
• 公网仓库 Github | 生态仓库 Github | Npm
• 支持度&兼容性

Stylus

#

已创立10+年的富于表现力 动态的 健壮的CSS 扩展库，本身非常激进，含有诸多先进的特性，但好在这些特性都是可与标准 CSS 语法混合使用的，喜欢高级特性的开发者对它应该很感兴趣

• 官方文档 英文 | 中文
• 公网仓库 Github | 生态仓库 Github | Npm
• 支持度&兼容性

Postcss

#

一个用JavaScript来转换CSS的工具库，能够有效避免大部分错误，帮助开发者自动添加CSS前缀以优化浏览器适配

• 官方文档 英文 | 中文
• 公网仓库 Github | 生态仓库 Github | Npm
• 支持度&兼容性

Unocss

#

肝帝大佬 Antfu出品的即时按需加载的无预设纯原子CSS引擎，官方与社区含多种预设不愁找不到合适的，本身规则也足够使用，高度定制 归因模式 变体/组合 编译&运行时等特性让人爱不释手

• 官方文档 英文
• 公网仓库 Github | 生态仓库 Github | Npm
• 体验示例 交互式示例
• 支持度&兼容性

WindiCss

#

强劲的下一代实用型原子化CSS 库，值自动推导 可变修饰 响应权重 组合变换 指令分析等特性应有尽有，其对行业内热门框架工具都提供了集成方案和教程，是不可多得的优秀原子化CSS 工具

• 官方文档 英文 | 中文
• 公网仓库 Github | 生态仓库 Github | Npm
• 支持度&兼容性

TailwindCss

#

历史悠久 开箱即用的老牌原子化CSS 库，支持与预处理器配合使用，本身按照 CSS 分类提供超多实用的 CSS 功能类，函数 指令 响应式等特性都具备，本身还形成了组件库的模式

• 官方文档 英文 | 中文
• 公网仓库 Github | 生态仓库 Github | Npm
• 支持度&兼容性