实用工具
输入
结果
结果会显示在这里。CDN 上或生产构建出来的压缩 CSS 本来就是给机器看的。这里用 js-beautify 里的 CSS 格式化器把它展开：每条声明一行，规则之间空一行，@media 和 @supports 块缩进，> 这类组合符两边留出空格。适合阅读第三方样式表、检查构建到底产出了什么，或者在提交 PR 前整理手写的 CSS。
它是怎么工作的
- 逗号分隔的选择器默认每个占一行；关掉这个选项，.card, .panel 就会留在同一行。
- 注释保持在原来的位置，包括压缩器会保留的 /*! 许可证注释。
- 值原样保留——颜色、单位和自定义属性只会调整空格，不会被改写。
你的数据去了哪里
哪也没去。本工具完全在你的浏览器里运行：你粘贴的文本由页面处理，不会传输到任何服务器，也不会写进任何日志。
本工具免费且无需登录，运行结果只存在于你当前的页面里，不会被保存到任何地方。
它要花多少
本工具完全免费，不需要登录，也不消耗积分。
常见问题
- 它会修复或校验我的 CSS 吗？
- 不会。它只改动空白，少了分号或者属性名拼错，格式化后依然是错的。不过格式化会让这类错误更容易发现，因为每条声明都单独占了一行。
- 支持 SCSS 或 Less 吗？
- 部分支持。js-beautify 的 CSS 模式能处理嵌套和大部分 SCSS、Less 语法，阅读没问题，但参数复杂的 mixin 和部分插值写法可能排得不太对。要提交进仓库的源文件，用带 SCSS 解析器的 Prettier 更稳妥。
- 格式化会改变页面效果吗？
- 不应该。声明之间、选择器周围的空白对渲染没有影响。唯一的例外是极少数依赖特定空白的老式浏览器 hack，现代样式表里已经见不到了。
背后的开源项目
本工具运行在 beautifier/js-beautify 之上，以 MIT 许可发布。如果你需要在自己的程序里实现同样的能力，直接用这个库。
beautifier/js-beautify也常被称作
- css格式化
- css美化
- css反压缩
- 在线css格式化
- css代码格式化
- 压缩css还原