如何在Microsoft Visual Studio中清理CSS文件的重复与无用代码？

一、删除重复CSS代码 #

• 内置查找替换（正则匹配）：
  打开目标CSS文件，按下Ctrl+Shift+F开启全局查找，勾选「使用正则表达式」选项：
  • 匹配重复的完整规则块：
    使用正则表达式：

    ^(\s*)([^{]+)\{([^}]+)\}\s*^\1\2\{([^}]+)\}
    

    替换内容设为$1$2{$3}，重复执行查找替换直到无匹配项，可清除完全重复的选择器规则。
  • 匹配重复的单个属性声明：
    使用正则：

    ^(.*:\s*.+;)\s*^\1
    

    替换为$1，清理同一规则内重复的属性行。
• VS扩展辅助：
  安装CSS Peek或Clean CSS扩展，这类工具自带重复代码检测模块，可一键标记或移除重复规则；StyleCop Analyzers也能在检测重复的同时规范代码格式，降低后续维护成本。

二、移除无用CSS代码 #

• 项目关联排查：
  在VS中打开项目的HTML/视图文件，右键点击CSS选择器，选择「查找所有引用」，确认无引用的选择器可直接删除对应规则块。
  批量检查时，可通过正则提取CSS中所有选择器，再用「查找在文件中」功能批量验证是否在项目内被引用，未出现的标记为无用代码。
• 自动化扩展工具：
  安装Unused CSS Remover扩展，它会扫描整个项目，自动标记未被HTML/JS引用的CSS选择器，支持一键删除；Web Essentials的CSS分析功能也会高亮未使用规则，便于手动清理。

三、后续维护建议 #

• 清理完成后，使用Ctrl+K, Ctrl+D执行「格式化文档」，统一CSS格式。
• 将CSS按模块拆分（布局、组件、通用样式等），避免后续整合时再次产生大量冗余代码。

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