使用Emmet插件生成图片序列时序号异常，求技术协助

嘿，我完全懂你碰到的这个麻烦——在重复的.col-xs-6容器里，Emmet的图片计数器总是从1重新开始，没法延续前一个容器的序号对吧？这其实是Emmet计数器的默认行为导致的。

为什么会出现这个问题？ #

你写的Emmet代码里，.col-xs-6*2是两个独立的重复块。默认情况下，$是局部计数器，它的作用范围只限于当前正在重复的元素内部。所以每个.col-xs-6里的p.img*2>img[src="gallery-$.jpg"]都会重新从1开始计数，这就导致第二个容器里的图片序号又回到了1。

怎么解决？ #

只需要把局部计数器$换成**全局计数器@**就行，全局计数器会在整个Emmet表达式范围内持续递增，不会被重复的容器打断。

修改后的Emmet代码：

.row>.col-xs-6*2>p.img*2>img[src="gallery-@.jpg"]

生成的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-3.jpg" alt=""></p>
    <p class="img"><img src="gallery-4.jpg" alt=""></p>
  </div>
</div>

额外小技巧 #

如果需要自定义计数器的起始值，可以用@N的格式，比如想从5开始计数，就写gallery-@5.jpg；要是想反向计数，用@-就行，比如gallery-@-.jpg会生成4、3、2、1这样的序号。

内容的提问来源于stack exchange，提问作者Danish Adeel