CSS 格式化工具
使用这款 CSS 格式化工具，整理经过压缩或杂乱的样式表。粘贴 CSS，工具会解析内容，然后逐条输出规则：选择器单独占一行，每条声明缩进两个空格并各占一行，冒号后加空格，组合符两侧留空格，媒体查询等嵌套的 at 规则也会正确排版。解析错误会显示出来。适合 Web 开发者和设计师阅读、调试或审查来自任何来源的样式表。
常见问题
CSS 格式化工具如何工作？
它会将样式表解析为规则、声明和 at 规则，再以统一的布局重新输出。由于 CSS 会被解析，输出会反映样式表的实际结构。
格式化后的 CSS 是什么样的？
每条规则以选择器和左花括号开头，每条声明单独占一行并缩进两个空格，冒号后留一个空格，右花括号则单独占一行。选择器列表以逗号加空格连接，> 和 ~ 等组合符两侧会留空格。
支持媒体查询和其他 at 规则吗？
支持。@supports 等区块内的规则会嵌套并缩进。@import 这样的语句会保留在一行内，url() 值则会加上引号。
遇到无效的 CSS 会怎样？
如果解析器无法读取样式表，例如缺少花括号，工具就会停止，并显示解析器的提示和行号。修复指出的位置后，再次格式化即可。
注释会保留吗？
支持，规则之间和声明之间的注释都会保留。每条注释单独占一行，并与周围代码保持相同缩进。
支持自定义属性吗？
支持。--brand-color 之类的自定义属性会像其他声明一样格式化。var(--brand-color) 之类的引用会按原样保留。
可以在这里格式化 SCSS 或 Less 吗？
不可以，此页面仅处理纯 CSS，预处理器中的嵌套规则或变量可能会被拒绝。对于这些文件，请使用 SCSS 格式化工具或 Less 格式化工具。
可以更改缩进或花括号样式吗？
不可以，格式化工具没有选项，始终使用两个空格缩进，并将左花括号放在选择器所在行。这样可以让所有样式表的结果保持一致。
为什么结果被包裹在 css 代码围栏中？
输出以标记为 css 的 Markdown 代码块形式返回，因此会在 Markdown 中显示语法高亮。将围栏之间的内容复制到 .css 文件中即可。
我的样式表最大可以有多大？
每次最多 5 MB；更大的输入会被拒绝并显示提示。输出与代码格式化工具的 CSS 选项完全相同。