使用步骤
- 粘贴 CSS 代码。
- 选择是否重组规则、是否保留版权注释。
- 点击「压缩」,或按 Ctrl+Enter(Mac 上是 ⌘+Enter)。
- 复制或下载压缩后的 CSS。
参数说明
- 合并和重组规则
- 在安全的前提下合并选择器相同或声明相同的规则。关闭后只删除空白、缩短数值。
- 保留版权注释
- 保留以 /*! 开头的注释,这是版权声明的惯用写法。
使用示例
a { color: #ff0000; }
/* note */
a { margin: 0px; }
压缩后是 a{color:red;margin:0}。
常见问题
会缩短哪些内容?
颜色(#ff0000 → red、#ffffff → #fff)、零值单位(0px → 0)、多余的分号和引号以及空白。开启重组后还会合并重复的规则。
重组规则会改变页面效果吗?
CSSO 只在层叠结果不变时才移动声明。如果用了特殊的 hack 写法,请对比结果或关闭重组。
代码会上传吗?
不会,压缩在浏览器中完成。
隐私说明
本工具完全在浏览器中运行,文件和文本都在你的设备上处理,不会上传到我们的服务器。