常见问题
媒体查询里的规则会缩进吗?
会,@media 内部的规则会再缩进一层,层级关系一眼能看出来。
url() 里的引号和括号安全吗?
安全。url() 内容和字符串一样按整体处理,里面的逗号和括号不会被误当成分隔符。
压缩会破坏样式吗?
不会,只是去掉注释和空白。但要注意压缩后单行很长,调试时不好读。
关于这个工具
排版按「选择器一行、每条声明一行」展开,{ 跟在选择器后面,} 单独成行,缩进固定 2 个空格;@media 里的规则会再缩进一层,嵌套层级一眼能看出来。
逗号要分两种语境处理,这是排版器最容易出错的地方:顶层(.a, .b { } 这种选择器列表)逗号后换行,一行一个选择器;声明内部(rgba(0,0,0,.1)、font-family: A, B)逗号留在同一行并补一个空格,拆开反而更难读。括号内的逗号靠括号深度识别,不靠猜。
字符串和 url() 一律整体保护:url(data:image/png;base64,iVBOR…) 里的分号、逗号、右括号都不会被当成分隔符,content: "a, b" 里的逗号也不会被拆开。压缩同样是分段做的 —— 只压空白,不动内容,所以引号里的文字保持原样。
它只做排版,不校验语法:少写分号、括号不配对、写错属性名都不会报错,只是照现有结构缩进。所以压缩后如果样式失效,先怀疑原文本身有问题。嵌套写法(CSS Nesting)按大括号层级处理,& 引用和自定义属性(--x: 1)原样保留。