Emmet嵌套编号

时间:2019-02-26 12:39:52

标签: emmet

是否可以使用emmet在HTML以下实现?

嵌套项(col * 2> p * 3)既包含来自外部乘法(col)的迭代器,又包含来自内部乘法(p)的迭代器。

<div class=container>
  <h2>Type 1</h2>
  <p>type-1-item-1</p>
  <p>type-1-item-2</p>
  <p>type-1-item-3</p>
</div>
<div class=container>
  <h2>Type 2</h2>
  <p>type-2-item-1</p>
  <p>type-2-item-2</p>
  <p>type-2-item-3</p>
</div>

我尝试了.container*2>h2{Type $}+p{type-$-item-$}*3,它生成了以下HTML:

<div class="container">
    <h2>Type 1</h2>
    <p>type-1-item-1</p>
    <p>type-2-item-2</p>
    <p>type-3-item-3</p>
</div>
<div class="container">
    <h2>Type 2</h2>
    <p>type-1-item-1</p>
    <p>type-2-item-2</p>
    <p>type-3-item-3</p>
</div>

0 个答案:

没有答案