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 再格式化。

格式化会重排属性顺序吗?+

不会。属性的书写顺序会原样保留,只调整缩进、换行与空格。

更多前端编辑器