格式化 CSS
您下载了一个压缩的样式表(所有内容都在一行)或复制了在线工具生成的 CSS 吗?将其粘贴到此处,以获得一个可读版本,每个声明单独一行。基础格式化工具(按代码块缩进):它不会重新排列属性、不会验证语法、也不会合并重复的规则。
工作原理
将您压缩或紧凑的 CSS 粘贴进去,点击「格式化」:该工具会将开括号放在选择器行的末尾,将每个声明(属性:值)放在单独的一行,按每个层级缩进 2 个空格(嵌套规则如 @media 也会被正确处理),并将闭括号单独放在一行。
为什么我的 CSS 注释显示的位置很奇怪?
该工具会保留 <code>/* ... */</code> 注释的内容,但不会相对于其周围的声明智能地重新定位它们:它们仍然固定在原始源代码中出现的位置。
格式化会改变我的 CSS 的行为吗?
不会。只有代码的呈现方式(空格、换行、缩进)会发生变化。选择器、属性和值保持严格不变。
格式化操作 100% 在您的浏览器中通过 WebAssembly 本地执行:您的 CSS 代码永远不会发送到服务器。