如何在 vscode 中去除 HTML 文件中的所有类(CSS)属性?

Nar*_*shi 9 html visual-studio-code

我正在 HTML 中创建电子邮件模板。我在开发过程中使用类来设置组件的样式。我想class在发布最终版本之前删除所有属性。在VSCode中如何实现呢?

我尝试选择所有出现的单词class,但文件中类的长度和数量各不相同。所以这行不通。

<tr>
  <td class="cta" height="32">
    <a class="cta-inner" href="#" style="color:#fff;"></a>
      Go To Task
    </a>
  </td>
</tr>

Run Code Online (Sandbox Code Playgroud)

我希望从生成的 html 中删除类ctacta-inner

小智 16

  • 选择类属性,然后按 CTRL + F
  • 键入class="[\w|\W]*?"并按全部替换
  • 检查下图了解更多详情

在此输入图像描述

  • `class=".[^"]*"\s*` (4认同)
  • 您可以使用以下正则表达式考虑除了类之外的更多标签属性(在本例中还考虑“id”、“name”)来改进它:“(class|id|name)=”[\w|\W]*? ”` (2认同)