删除无用CSS - 在线清理未使用CSS选择器 | ToolBox

🧹 删除无用 CSS

分析HTML内容,自动移除未使用的CSS规则,减小文件体积,加速页面渲染

📄 HTML 内容 0 B
🎨 CSS 输入 0 B
✅ 清理后的 CSS 0 B

使用方法

  1. 在左侧输入框粘贴您的 HTML 代码。
  2. 在右侧输入框粘贴对应的 CSS 代码。
  3. 如有动态加载的类名,添加到白名单中防止误删。
  4. 点击"清理 CSS"按钮,查看结果并复制或下载清理后的 CSS。

常见问题

会误删 JavaScript 动态添加的 CSS 类吗?

工具只分析您粘贴的 HTML 中出现的类名。如果某些类名是通过 JavaScript 动态添加的,它们不会出现在静态 HTML 中,因此可能被误删。建议将这些动态类名添加到白名单(Whitelist)功能中,以防止误删。

支持 SCSS / LESS 等预处理器吗?

本工具处理标准 CSS 代码。如果您使用 SCSS 或 LESS,请先将其编译为标准 CSS 后再使用本工具清理。编译后的 CSS 文件可以正常分析和清理。

处理大型 CSS 文件会卡顿吗?

所有处理在浏览器端完成,性能取决于您的设备性能和文件大小。一般情况下,几百KB的CSS文件可以快速处理。建议单个 CSS 文件不超过 1MB。如果遇到卡顿,可以尝试分段处理。