如何在VS Code中批量删除HTML代码内的style属性及其对应内容

方法1：使用VS Code自带查找替换功能（无需额外插件） #

直接通过正则匹配批量删除所有style属性，步骤如下：

• 选中需要处理的HTML代码段，或直接打开目标HTML文件
• 按下快捷键 Ctrl+H（Mac设备为 Cmd+Option+F）调出替换面板
• 开启面板右侧两个功能按钮：
  • 「.*」：开启正则匹配模式
  • 「选区内容替换」：如果仅需要处理选中的代码段就开启，处理整个文件则不用开
• 查找框输入正则表达式：\s+style=('.*?'|".*?")，该表达式可以同时兼容单引号、双引号包裹的style属性
• 替换框留空，点击「全部替换」即可一键删除所有标签内的style属性及内容

示例中的冗余代码处理后会变成：

<p class="MsoNormal" align="left"><span lang="EN-GB">To comply with any legal or regulatory requirements.</span></p>

如果需要同时删除其他冗余属性（比如示例中的align属性、Mso开头的class属性），可以调整正则匹配规则，比如要删除align属性就把查找内容改为 \s+(style|align)=('.*?'|".*?") 即可。

方法2：使用专用插件处理（适合批量清理Word导出的HTML冗余内容） #

针对Word导出的HTML特有的大量冗余代码，直接用专用插件处理效率更高，还能同步清理空标签、无效类名、冗余命名空间等问题：

• 在VS Code插件市场搜索安装「Clean Word HTML」插件
• 选中要处理的代码，按下 Ctrl+Shift+P（Mac设备为 Cmd+Shift+P）调出命令面板
• 搜索并执行 Clean Word HTML: Clean Selection 命令，即可一键完成全量冗余内容清理

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