html - VS Code - 如何添加/删除/编辑多个标签的属性

标签 html visual-studio-code

想知道 Vs Code 是否提供了任何方法来更新标签的多个实例,假设在我的例子中是一组 li 元素。我想改变这个:

<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>

进入此:

<li class="list_item">Item 1</li>
<li class="list_item">Item 2</li>
<li class="list_item">Item 3</li>
<li class="list_item">Item 4</li>

我尝试使用原生的“更新标签”功能,但它似乎有点损坏/只能更新标签的名称,而无法添加/删除/编辑属性及其值。

我想我可以求助于一个很好的旧查找和替换,但我认为 VS Code 可以提供一个很好的工具来本地执行此操作。如果我引用 2013 年的提交,看起来它在某个时候是为了“使用标签”:

https://github.com/emmetio/emmet/commit/15bb514f82e72bb4752e546814aeaedf132dbb3a

谢谢!

最佳答案

Windows: Ctrl+Shift+L

苹果机: Cmd+Shift+L 或 Cmd+Ctrl+G

关于html - VS Code - 如何添加/删除/编辑多个标签的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63478293/

相关文章:

python - 在 jinja2 模板上使用 CSS 样式表

javascript - 创建类似 Twitter 的状态更新小部件的最简单方法

intellij-idea - WebStorm IDE 中的 VS Code 'Select word at caret' 快捷方式

visual-studio-code - Monaco Editor : Use native (system) context menu

visual-studio-code - Visual Studio 代码扩展 : inject CSS-style to current theme

javascript - _blank 在弹出窗口时被阻止,我该如何防止这种情况发生?

javascript - 单击时无法显示和隐藏具有淡入淡出效果的文本

html - 如何使用 CSS 水平分布元素?

visual-studio-code - VS Code 显示 eslint 错误,但 vitest 正在运行。 'vi' 未定义

c++ - 如何在 Visual Studio Code 中构建/调试当前打开的 .cpp 文件?