【问题标题】:Quick way to write class name in ul with emmet?用emmet在ul中写类名的快速方法?
【发布时间】:2025-12-26 01:40:11
【问题描述】:

我想写下面的ul列表。

<ul>
    <li class="home">home</li>
    <li class="intro">intro</li>
    <li class="other">other</li>
    <li class="contact">contact</li>
</ul>

1.写四行。

home
intro
other
contact

2.按v进入可视模式,并选择所有四行。
3.到ctrly,
4.输入ul>li[class=""]*

<ul>
    <li class="">home</li>
    <li class="">intro</li>
    <li class="">other</li>
    <li class="">contact</li>
</ul>

最后将home intro 其他联系人一一输入class=""。 有没有更快捷的方法在 ul 中用 emmet 写类名?

【问题讨论】:

    标签: html emmet


    【解决方案1】:

    你可以试试这个吗?

    ul>li.home+li.intro+li.other+li.contact
    

    由于您有没有数字模式的自定义类名,因此您必须手动输入类名。

    【讨论】:

      【解决方案2】:

      如果您需要更快,可以使用 Emmet 的隐式标签名称。

      ul>.home+.intro+.other+.contact
      

      可在备忘单https://docs.emmet.io/cheat-sheet/中找到

      【讨论】: