什么是 ArrayKit CSS 格式化工具？

它是一款基于浏览器的 CSS 格式化工具，使用 Prettier 美化或压缩 CSS、SCSS 和 LESS，并能在纯 CSS 中按字母顺序排序属性和移除重复声明。

如何用 CSS 格式化工具压缩 CSS？

粘贴你的样式表，选择匹配的语法模式，然后选择压缩以剥离注释和空白，生成可复制或下载的紧凑生产环境 CSS。

CSS 格式化工具支持 SCSS 和 LESS 吗？

支持。选择语法（CSS、SCSS 或 LESS），它会相应解析。属性排序和去重适用于纯 CSS。

CSS 格式化工具能按字母顺序排序属性吗？

可以。在美化模式且选中 CSS 时，切换排序属性以在每条规则内按字母顺序重排声明。

用什么引擎来格式化 CSS？

美化使用 Prettier，因此输出与 Prettier 在你的编辑器和构建工具中应用的约定一致。

CSS 格式化工具会把我的 CSS 上传到任何地方吗？

不会。CSS 格式化工具完全在你的浏览器中运行，因此你的样式表在本地处理，绝不会离开你的设备。

CSS / SCSS 格式化工具

美化或压缩 CSS/SCSS/LESS，排序属性并去除重复项。

你的 CSS 在浏览器中本地格式化，不会上传到任何服务器。

也需要美化 JavaScript？试试 JS 格式化工具。

关于 CSS / SCSS 格式化工具

这款 CSS 格式化工具使用 Prettier 美化或压缩 CSS、SCSS 和 LESS，并提供按字母顺序排序声明和移除重复属性的选项。可将它当作 CSS 美化工具来清理杂乱的样式表，或在跨预处理器工作时当作 SCSS 格式化工具和 LESS 格式化工具。切换到压缩模式可剥离注释和空白，生成紧凑的生产环境 CSS。它专为需要一致、可读样式，或在提交或代码审查前快速在线格式化 CSS 的前端开发者、设计师和 QA 工程师打造。你可以为缩进选择制表符或空格、挑选匹配文件的语法，并在任何地方复用 Prettier 的 CSS 输出。所有处理都在你的浏览器本地完成，因此你的样式表不会离开你的设备，也不会上传到任何服务器。

功能特性

使用 Prettier 美化或压缩 CSS、SCSS 和 LESS
选择语法模式（CSS、SCSS 或 LESS）以准确解析
在每条规则内按字母顺序排序属性（纯 CSS）
从纯 CSS 中移除重复声明
为缩进选择制表符或空格
压缩模式剥离注释和空白以用于生产环境
一致地重排嵌套规则和媒体查询
完全在你的浏览器中运行

如何使用 CSS / SCSS 格式化工具

将你的 CSS、SCSS 或 LESS 粘贴到输入框。
选择与你的文件匹配的语法模式（CSS、SCSS 或 LESS）。
选择美化以格式化，或压缩以精简输出。
切换排序属性、去重或制表符以微调结果。
从输出面板复制或下载格式化后的 CSS。

示例

输入

.btn{color:#FFF;padding:8px;color:#fff;}

输出

.btn {
  color: #fff;
  padding: 8px;
}

美化模式并移除了重复声明。

常见错误与故障排除

属性排序或去重对 SCSS 或 LESS 没有效果。 — 排序和移除重复仅适用于纯 CSS；如果你想运行这些选项，请将语法模式切换为 CSS。
工具栏中缺少排序属性和去重的切换开关。 — 这些开关仅在美化模式且选中 CSS 语法时出现；请关闭压缩并选择 CSS 以显示它们。
压缩后的 CSS 之后很难编辑。 — 请保留你的原始源文件；压缩输出旨在用于生产环境，而非进一步编辑。
因选择了错误的语法导致输出无法格式化。 — 让语法模式与你的代码匹配，例如对嵌套和变量选择 SCSS，这样 Prettier 才能正确解析。
缩进与你的项目风格不一致。 — 在复制前切换制表符选项以在制表符和空格之间切换。

常见问题

什么是 ArrayKit CSS 格式化工具？: 它是一款基于浏览器的 CSS 格式化工具，使用 Prettier 美化或压缩 CSS、SCSS 和 LESS，并能在纯 CSS 中按字母顺序排序属性和移除重复声明。
如何用 CSS 格式化工具压缩 CSS？: 粘贴你的样式表，选择匹配的语法模式，然后选择压缩以剥离注释和空白，生成可复制或下载的紧凑生产环境 CSS。
CSS 格式化工具支持 SCSS 和 LESS 吗？: 支持。选择语法（CSS、SCSS 或 LESS），它会相应解析。属性排序和去重适用于纯 CSS。
CSS 格式化工具能按字母顺序排序属性吗？: 可以。在美化模式且选中 CSS 时，切换排序属性以在每条规则内按字母顺序重排声明。
用什么引擎来格式化 CSS？: 美化使用 Prettier，因此输出与 Prettier 在你的编辑器和构建工具中应用的约定一致。
CSS 格式化工具会把我的 CSS 上传到任何地方吗？: 不会。CSS 格式化工具完全在你的浏览器中运行，因此你的样式表在本地处理，绝不会离开你的设备。