← 返回工具箱
选择器 / 值不重排
CSS 格式化
CSS FORMAT · 代码格式化
CSS 美化与压缩双向：一声明一行、嵌套缩进规整；压缩保留 /*! 注释并折叠零值单位，选择器顺序不动。
CSS 输入
结果
>_ 使用指南 · GUIDE
美化与压缩双向：美化输出「一声明一行、嵌套缩进规整」的可读样式；压缩则删空白换行、**保留 /*! 开头的版权注释**、折叠零值单位（0px → 0），选择器顺序原样不动——压缩后渲染结果与原文完全一致。
典型场景：线上 CSS 压成一行后要改样式，先美化展开；改完发布前再压缩回去；看别人网站扒下来的样式先格式化再读。本地处理，样式代码零上传。
>_ 常见问题 · FAQ
Q1 · CSS 压缩会影响页面渲染效果吗？
不会——本工具只做等价变换：删空白、折叠零值单位（0px 与 0 等价），选择器顺序、属性值语义全部保留。需要注意的边界：/*! 重要注释保留（版权信息）、其余注释删除；content 属性字符串内容逐字保留。
Q2 · 压缩能减小多少体积？
取决于原文件整洁度：常规手写 CSS 压缩率约 20–40%；本来就紧凑的文件收益小。CSS 的大头常在重复样式与冗余选择器，压缩只删空白——想再往下减要靠重构（合并重复规则、删除无用样式），那是另一个层面的优化。
Q3 · 格式化后的顺序为什么和原来不完全一样？
本工具保持选择器原顺序（顺序影响优先级，乱动会改变渲染结果）。如果你用的是其他工具发现顺序变了要小心——CSS 里同优先级规则按出现顺序覆盖，重排顺序可能导致样式行为变化。这也是本工具保守设计的原因。
Q4 · 压缩后的 CSS 还能还原格式化回来吗？
可以，这正是「双向」的意义：线上抓到的压缩 CSS 粘贴进来点美化，即刻展开成可读格式。压缩是可逆的（信息没丢，只是删了空白），不像编译打包后的 JS 还原那么困难。
Q5 · Sass/Less 预处理器代码能处理吗？
不能直接处理——.scss/.less 里的变量、嵌套、mixin 是预处理器语法，需要先编译成 CSS。本工具面向编译后的标准 CSS。工作流：Sass 编译 → 输出 CSS → 本工具格式化/压缩，与正式项目的构建顺序一致。
此工具在你的浏览器本地运行，输入内容不会上传。按 Ctrl K 可随时切换到其他工具。