Question

您好我正在使用Emmet插件进行HTML编码，我在序列化图片时遇到问题，有人可以帮我解决这个问题。

<div class="row">
      <div class="col-xs-6">
        <p class="img"><img src="gallery-1.jpg" alt=""></p>
        <p class="img"><img src="gallery-2.jpg" alt=""></p>
      </div>
      <div class="col-xs-6">
        <p class="img"><img src="gallery-1.jpg" alt=""></p>
        <p class="img"><img src="gallery-2.jpg" alt=""></p>
      </div>
    </div>

此代码生成以下代码

<div class="row">
      <div class="col-xs-6">
        <p class="img"><img src="gallery-1.jpg" alt=""></p>
        <p class="img"><img src="gallery-2.jpg" alt=""></p>
      </div>
      <div class="col-xs-6">
        <p class="img"><img src="gallery-3.jpg" alt=""></p>
        <p class="img"><img src="gallery-4.jpg" alt=""></p>
      </div>
    </div>

然而，我期待图像能像下面那样正确地进行分类

{{1}}

Answer 1

这个.row>.col-xs-6*2>p.img*2>img[src="gallery-$.jpg"]不可能，因为$只会循环两次'.col-xs-6*2'

.row>(.col-xs-6>p.cls*2>img[src="gallery-$.jpg"])+(.col-xs-6>p.cls*2>img[src="gallery-$@3.jpg"])

这将产生以下内容

<div class="row">
    <div class="col-xs-6">
        <p class="cls"><img src="gallery-1.jpg" alt=""></p>
        <p class="cls"><img src="gallery-2.jpg" alt=""></p>
    </div>
    <div class="col-xs-6">
        <p class="cls"><img src="gallery-3.jpg" alt=""></p>
        <p class="cls"><img src="gallery-4.jpg" alt=""></p>
    </div>
</div>

使用emmet错误的图像系列

1 个答案: