Zen-coding子编号答案

【问题标题】：Zen-coding child numberingZen-coding子编号
【发布时间】：2013-05-01 03:05:06
【问题描述】：

我为此搜索了很多，也许有人知道这个问题的好答案。

我试过用这个：

(.span3>img[src="/images/img_$.png"])*4

但这会产生：

<div class="span3"><img src="/images/img_1.png" alt="" /></div>
<div class="span3"><img src="/images/img_1.png" alt="" /></div>
<div class="span3"><img src="/images/img_1.png" alt="" /></div>
<div class="span3"><img src="/images/img_1.png" alt="" /></div>

我看到了其中的逻辑，为什么我得到了这个结果，但是有什么方法可以在子元素中使用编号来获得 img_2、img_3 和 img_4？

【问题讨论】：

标签： html nested emmet

【解决方案1】：

试试这个

.span3*3>img[src="/images/img_$.png"]

或者

.span3*3>img[src=/images/img_$.png][alt]

输出是

<div class="span3"><img src="/images/img_1.png" alt="" /></div>
<div class="span3"><img src="/images/img_2.png" alt="" /></div>
<div class="span3"><img src="/images/img_3.png" alt="" /></div>

【讨论】：

谢谢！完美的！我是 Zen 编码的新手，我已经习惯了 Stylus 预处理器，但我有一个项目我不能使用它。