在线展开 CSS 压缩代码
放入压缩样式表，让代码重新便于阅读。选择器独占一行，每条声明各占一行，代码块和媒体查询按日常手写习惯整理缩进。
为什么生产环境的 CSS 只有一长行
样式表压缩的理由与脚本相同：CSS 会阻塞渲染，省下的每个字节都能直接影响页面绘制速度。cssnano、Lightning CSS 以及 Sass 和 PostCSS 中的优化工具会去除空白和注释、缩短颜色值、合并重复规则，并删除每个块末尾的分号。工具类框架让结果更加密集，例如 Tailwind 编译后的样式表可能包含数千条小规则，彼此之间几乎没有间隔。
重新看清层叠关系
美化样式表最常见的目的，是理解某条规则为什么生效或没有生效。当每个选择器独占一行、声明在下方缩进排列后，就可以清楚地追踪层叠：找到所有作用于同一元素的规则，比较优先级，查看出现顺序，并发现一直覆盖您样式的 !important。媒体查询和其中的内容也会呈现为清晰的代码块，比起压缩文件，更容易分析响应式行为。
支持现代 CSS
格式化工具理解现代 CSS，而非仅支持旧语法。自定义属性、calc 和 clamp 表达式、grid 与 flexbox 简写、容器查询、嵌套规则、层叠层、supports 块和关键帧都能正确格式化。较长的选择器列表会分行显示，构建后仍保留的注释也不会丢失。如果文件同时包含普通 CSS 属性和带浏览器厂商前缀的属性，两者都会保留，只是排版变得更清晰。
查看框架编译样式的实用技巧
美化 Tailwind 或 Bootstrap 编译后的样式表时，文件很快就会变得很长，数万行也很常见。建议开启行号，然后使用浏览器的查找功能搜索关心的类名或属性，无需逐行滚动。如果目的是缩小文件而非阅读，应重点检查构建配置，因为那些未使用的规则在压缩开始之前就已经生成了。
常见问题
可以展开编译后的 Tailwind 样式表吗？
可以，这也是本页面最常见的用途之一。框架会为每个工具类生成规则，所以结果可能很长。开启行号并使用浏览器搜索，是更实用的阅读方式。
注释会恢复吗？
只能保留文件中尚存的注释。大多数压缩工具会删除除法律声明之外的所有注释，一旦删除就无法恢复。格式化工具会保留文件中现有的注释，并为它们整理排版。
支持 SCSS 或 Less 吗？
本页面面向浏览器实际下载的普通 CSS。包含变量、混入以及 SCSS 或 Less 专用嵌套语法的预处理器源文件，并非预期输入。不过，标准 CSS 嵌套语法可以正常处理。