如何自动查找并删除静态HTML页面中的未使用CSS？偏好命令行工具

针对无JavaScript、CSS全内嵌的静态HTML页面，有不少成熟的独立命令行工具可以自动识别并删除未使用的CSS，以下是优先推荐的方案：

• purgecss
  这是一款专注于冗余CSS清理的工具，完美支持处理内嵌CSS的HTML文件。命令行执行示例：

  purgecss --content your-target.html --css your-target.html --output cleaned-result.html
  

  它会扫描HTML中的所有元素选择器，匹配内嵌的CSS规则，自动移除未被调用的样式。如果页面包含伪类、伪元素或特殊场景的选择器（如打印样式），可以通过--safelist参数或配置文件指定需要保留的规则，避免误删。

• uncss
  这款工具专门针对静态页面做未使用CSS清理，无需依赖其他服务，直接命令行运行即可处理内嵌CSS的HTML：

  uncss your-target.html > cleaned-result.html
  

  由于你的页面没有JavaScript，工具会精准分析所有静态DOM元素对应的选择器，完全不用担心动态生成内容导致的误判，清理结果准确率很高。

额外提示 #

如果需要更精细化的控制（比如批量处理多个文件、自定义保留规则），可以为上述工具编写简单的配置文件，比如purgecss可创建purgecss.config.js来定义全局规则，进一步提升处理效率。

内容的提问来源于stack exchange，提问作者user1424739