html 嵌套注释的巧妙解决
如何一次性注释掉多个 HTML 元素？当我们对 HTML 文档中的一组元素添加注释时，通常会出现一个问题：如果同时选中多个元素再尝试添加注释，注释只会应用到第一个元素上。
为此，可以借助嵌套注释插件 nested-comments，它为注释提供了快捷方式：
- Mac：cmd + alt + /
- Windows：ctrl + alt + /
使用这个插件，只需选中要注释掉的元素，按下快捷键，代码就会自动转换为以下格式：
<!-- <!~~ **** ~~> -->
<main>
<div class="container">
<h2>Hello World</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/code/6709" title="企业软件介绍主页html模板"><img
src="https://img.php.cn/upload/webcode/000/287/557/605d33770a587317.png" alt="企业软件介绍主页html模板" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/code/6709" title="企业软件介绍主页html模板">企业软件介绍主页html模板</a>
<p>一款多用途的企业软件前端HTML模板。IT软件服务公司网站响应式单页模板。基于CSS、JS、HTML模块化原则创建的。如果您的站点不需要所有元素，那么可以轻松地删除不必要的组件。模板的代码干净，友好，注释良好。这使得编辑和自定义模板变得很容易。</p>
</div>
<a href="/xiazai/code/6709" title="企业软件介绍主页html模板" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>
<!~~ <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p> ~~>
</div>
</main>插件会将原注释转换为 格式，从而实现嵌套注释。这使得对整组元素进行注释变得轻而易举。
