# 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 选项完全相同。

在这里投放广告？

[给我们发邮件](mailto:hi@dennn.is?subject=%E5%9C%A8%20OneClick%20Pro%20%E4%B8%8A%E6%8A%95%E6%94%BE%E5%B9%BF%E5%91%8A)

[广告 适用于 WordPress 的智能体就绪型插件套件。](https://sleekwp.com/?ref=oneclickpro)