支持 @media、@keyframes、伪类、calc()、rgba() 与字体名；引号内的内容原样保留。
所有处理都在你的浏览器本地完成，代码不会上传。压缩时会移除普通注释，以 /*! 开头的重要注释（如版权声明）会保留。
处理结果将显示在这里。
理解工具对空白、注释和特殊语法的处理方式，可以放心地处理线上样式表。
| 场景 | 处理前 | 美化后 / 压缩后 |
|---|---|---|
| 选择器分组 | .a,.b{…} | 美化：.a, 与 .b 分行；压缩：.a,.b{ |
| 声明排版 | color:red | 美化：缩进两格并补 color: red;；压缩：紧凑无空格 |
| calc 运算 | calc(100%-20px) | calc(100% - 20px) —— 运算符两侧空格是语法要求，两种模式都保留 |
| 媒体查询 | @media(min-width:600px){…} | 美化时 @media 与内部规则分层缩进；压缩时条件内保留必要空格 |
| 伪类 / 伪元素 | a : hover | 冒号紧贴选择器：a:hover，不会误加空格 |
| 注释 | /* 普通 */ 与 /*! 版权 */ | 美化：全部保留；压缩：删除普通注释，保留 /*! 开头的重要注释 |
它是文本排版工具，不校验 CSS 是否被浏览器支持。
| 问题 | 说明 |
|---|---|
| 不做语法校验 | 工具只重排空白与换行，拼错的属性名、缺失的大括号不会被修正；大括号不匹配时缩进可能不符合预期。 |
| calc 空格不能省 | CSS 规范要求 calc() 中 +、- 两侧必须有空格，否则整条声明失效。工具会保留这些空格，请勿手动删光。 |
| 字符串内容受保护 | content: "a , b {" 引号内的逗号、大括号都按普通文本处理，美化与压缩都不会拆散或改写。 |
| 压缩不可逆 | 压缩会删除注释与空白，建议保留一份带注释的源文件；需要继续编辑时可用「结果回填」再点「美化」恢复可读排版。 |
⚠️ 本工具仅在浏览器本地对 CSS 文本做排版与压缩，不会上传、保存你粘贴的任何代码。
它只调整空白、换行与注释，不校验语法、不转换属性、不添加浏览器前缀，处理结果请在你的页面中自行验证样式是否正常。
压缩后的文件若需回滚，请依赖你自己保留的源文件。
复制来的样式、调试时改过的 CSS，常常挤成一团或者缩进乱七八糟；上线前又希望把它压得尽量小。
这个工具同时解决这两件事：
它能做什么：
① 美化排版：每个选择器与声明分行、两格缩进、补全缺失的末尾分号；
② 嵌套识别：@media、@supports、@keyframes 内的规则按层级缩进，结构一目了然；
③ 压缩单行：移除缩进、换行与多余空白，去掉普通注释，显著减小 CSS 体积；
④ 细节安全：calc() 运算符空格（语法必需）、后代选择器空格、伪类冒号、rgba/hsl 函数、字体名都能正确处理；
⑤ 字符串保护：content、font 里引号包裹的文本原样保留；
⑥ 重要注释：以 /*! 开头的版权/许可注释压缩时保留；
⑦ 压缩率统计：实时显示输入输出字符数与体积下降百分比。
需要注意：
· 它是文本排版器，不检查属性是否合法、不做 autoprefixer 的活；
· 全部处理在浏览器本地完成，刷新页面内容即消失。
处理流程：
① 词法切分：把 CSS 扫描成空白、块注释、字符串（识别转义）、词单元与标点，字符串与注释作为整体不参与排版；
② 美化：维护括号深度与块栈（区分“规则列表块”和“声明块”），选择器分组按逗号换行，声明逐条缩进，伪类冒号紧贴，calc 运算符两侧保留空格；
③ 压缩：按词法单元间的语法关系决定间距——后代选择器与 calc 保留必要空格，选择器逗号、属性冒号、声明间空白全部收紧，删除普通注释并把 ;} 收成 }；
④ 统计：统计大括号规则块数量、输入输出字符数并计算压缩率。
它不做：不校验属性与取值是否合法、不做跨浏览器前缀补全、不合并重复规则、不上传任何代码。
/*! 重要注释，实时统计规则块数与压缩率。纯浏览器本地运行，适配黑夜模式。
calc(100%-20px) 会被浏览器判定为无效声明，必须写成 calc(100% - 20px)。工具在压缩时会特意保留 +、- 两侧的空格，保证压缩后的样式仍然生效。/* … */ 会在压缩时被移除以减小体积。若希望保留版权或许可声明，把注释改成以感叹号开头：/*! 版权所有 xxx */，这类“重要注释”压缩时会保留。content: "a , b {" 里的逗号、冒号、大括号都按普通文本原样输出，美化和压缩都不会拆散它。-webkit- 前缀，也不会合并或删除重复规则。需要这类能力请使用 Autoprefixer、cssnano 等构建工具。}，后续内容都会被算进未闭合的块里，缩进会越来越深。请先补全括号再美化；工具本身不改写你的声明内容，修正括号后重新处理即可。审核通过后就会展示在留言板上，稍安勿躁～
还没有留言，来抢沙发吧！