CSS格式化/压缩
在线美化或压缩 CSS 样式表,支持媒体查询与现代语法,选择器空格不被破坏
工具加载中…
AllFreeTool CSS 格式化工具可以在线免费美化压缩后的样式表,也能把写好的 CSS 压缩成一行以减小体积。支持媒体查询、嵌套规则、CSS 变量与各种现代语法,粘贴即可得到缩进清晰、便于阅读的样式代码。
压缩时只删除多余空白与注释(保留 /*! 开头的重要注释),并且能区分选择器里的空格:p :first-child(后代选择器)与 p:first-child 是两条不同的规则,不会被误删。所有处理在浏览器本地完成。
为什么使用 AllFreeTool CSS格式化/压缩?
🎨
支持现代语法
媒体查询、@supports、CSS 变量、calc、渐变等语法都能正确解析。
🔍
选择器不被破坏
压缩时谨慎处理选择器内的空格,不会改变样式含义。
🧾
重要注释保留
压缩可选保留注释,/*! 开头的版权注释默认不会被删掉。
⚡
即时结果
本地处理,几十 KB 的样式表通常瞬间返回结果。
如何使用CSS格式化/压缩?
1
粘贴 CSS
把样式表或片段粘贴进输入框,压缩过的代码也能正常处理。
2
选择缩进与注释
选择缩进宽度,压缩时决定是否保留注释。
3
复制或下载
格式化结果可直接复制,也可以下载成 .css 文件使用。
常见问题
压缩后样式会失效吗?+
不会。压缩只处理空白与注释,不做任何属性改写或选择器合并,因此样式效果与原来一致。
为什么 p :first-child 的空格没被删掉?+
这是有意保留的。选择器里的空格代表后代关系,删掉会变成另一个选择器,从而改变样式。
支持 SCSS、LESS 吗?+
本工具处理的是标准 CSS。SCSS / LESS 的嵌套写法不会被当作 CSS 解析,建议先编译成 CSS 再格式化。
格式化会重排属性顺序吗?+
不会。属性的书写顺序会原样保留,只调整缩进、换行与空格。