如何将自定义 类 添加到 emmet.io 列表换行中的项目?

How to add custom classes to items in emmet.io list wraps?

像下面这样的可能吗? 改造这个

apples
bananas
pizza
burger
juice
water

收件人:

<tr>
    <li class="first">apples</li>
    <li>bananas</li>
</tr>
<tr>
    <li class="first">pizza</li>
    <li>burger</li>
</tr>
<tr>
    <li class="first">juice</li>
    <li>water</li>
</tr>

我用 emmet.io 试过了:tr>td.first*1+td*2 但没有成功。 提前致谢。

像往常一样,我会玩替代品(:h :substitute 和 vim 中的组+参考 -> :h /\(:h /),但是,这个有由于多行问题变得棘手。

:%s#\(\S*\)\n\(\S*\)\n#<tr>\r  <li class="first"></li>\r  <li>\</li>\r</tr>\r

注:

  • 在正则表达式部分使用 \n 和在替换部分使用 \r 并非无辜。在使用 Vim 时,它们是在各自部分表示行尾的唯一方法——别问我为什么,尽管我记得在 SO 上有一个关于这个主题的问题,或者是在 [=28= 上].
  • 我选择 # 作为分隔符而不是通常的 / 以简化替换文本。