禅编码儿童编号

Question

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

我试着用这个：

(.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？

Answer 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>