CSS 压缩
清理 CSS 注释与多余空白
前端与计算
🔒 100% 本地运行 — 你的数据不会离开当前页面由 Evan 维护•最近更新：2026年9月30日
选项模式
输入
先粘贴 CSS，直接压缩并看输出长度；兼容性和压缩策略说明可在高级模式查看。
输出
Minified CSS will appear here
🔒 浏览器内本地处理
页面阅读模式
完整说明还包括常见问题处理、操作示例、代码片段、FAQ 和相关工具，便于核对结果或排查问题。
工具说明
轻量清理 CSS 注释和普通空白，保护带引号字符串、转义字符与 token 间距，并检查明显的大括号不平衡。不进行规则优化、完整语法校验、浏览器目标适配或 source map 生成。
生产可用片段
示例
text
content: "a b";
width: calc(100% + 1px);场景配方
01
核对字符串与数学表达式间距
目标：清理空白时检查必须保留的属性内容。
- 粘贴 .x { content: "a b"; width: calc(100% + 1px); }。
- 确认引号内双空格与 + 两侧空格仍保留。
- 选择是否保留 /*! 许可证注释 */，并在目标页面检查。
结果：输出只做轻量文本清理，不生成简写合并或 source map。
失败门诊（高频踩坑）
大括号检查不是完整 CSS 校验
原因：扫描器保护引号 token 和转义，但不解析全部 CSS 或预处理器结构。
修复：发布包应通过项目自己的解析器、样式检查及浏览器验证。
常见问题
会合并选择器、删除前缀或重写简写属性吗？
不会。工具主要清理注释并合并字符串外的普通空白；可保留 /*! 注释 */，相邻 token 之间必要时保留空注释。不会合并规则、改写属性、删除浏览器前缀或生成 source map。
content 字符串和 calc() 的空格会改变吗？
带引号字符串与转义字符先被保护，calc(100% + 1px) 等表达式的运算符空格也会保留。不过这不是完整 CSS 解析器，特殊语法、预处理器源码仍应使用对应构建工具。
大括号检查通过就能直接上线吗？
它只检查未被保护部分的大括号顺序与数量，不能证明选择器、属性值或浏览器兼容性正确。正式样式仍需解析器/样式检查和页面验证；“节省字节”仅比较未压缩 UTF-8 文本。
继续浏览