这个工具有问题吗？

关于「CSS 格式化 在线」

该工具将压缩或混乱的 CSS 美化为良好缩进、可读的形式。它将每个声明放在自己的行上，规范化大括号和冒号周围的间距，对属性进行排序（可选），并标准化空白和注释位置。

在阅读您的同事或供应商编写的压缩生产 CSS、为代码审查准备 CSS，或在签入版本控制之前规范化样式时非常有用。

格式化程序正确处理嵌套选择器、媒体查询、关键帧、自定义属性以及 CSS 层等现代功能。排序属性模式按字母顺序排列声明——对 diff 友好的输出有用，但不一定是最合逻辑的阅读顺序。

如何使用这个工具

如何把压缩或杂乱的 CSS 美化

  1. 粘贴 CSS

    把压缩过或缩进混乱的 CSS 放入「CSS」字段。整篇样式表或片段都可以；注释、媒体查询、嵌套 at-规则都会原样保留。

  2. 点击运行

    结果只有 `formatted`：每条声明一行，花括号内两空格缩进，顶层规则之间空一行。选择器保持单行——非常长的也不会换行。

  3. 不会做什么

    不展开浏览器前缀，不把 shorthand 拆成 longhand，不做 autoprefix，也不重写值。`margin:0 5px` 仍输出为 `margin: 0 5px;`，不会拆成 top/right/bottom/left 四条。

  4. 何时再压缩

    格式化用于人审阅；上线前用 css-minifier-online 再压缩。对合法 CSS 是可逆的——非法输入只能尽力处理，事后未必再次解析一致。

相似工具