html - 带有缩写的 Emmet 换行

问题描述

我正在尝试以更节省时间的方式制作清单。我必须在每一页下面做这件事，比如 17 次。因此，为了节省一些时间，我希望 Emmet 能够成为您的解决方案。重要的是，我想选择三个名称并立即完成所有操作。我使用 Coda 2。选择以下行后生成以下代码的缩写是什么：

Video
DVD
CD

生产：

<div class="form-group">
   <div class="col-sm-12">
     <div class="checkbox">
        <label>
          <input type="checkbox" name="item1" value="Done" /> Video
        </label>
      </div>
    </div>
</div> <!-- form-group -->
<div class="form-group">
   <div class="col-sm-12">
     <div class="checkbox">
        <label>
          <input type="checkbox" name="item2" value="Done" /> DVD
        </label>
      </div>
    </div>
</div> <!-- form-group -->
<div class="form-group">
   <div class="col-sm-12">
     <div class="checkbox">
        <label>
          <input type="checkbox" name="item3" value="Done" /> CD
        </label>
      </div>
    </div>
</div> <!-- form-group -->

为什么这不起作用： (div[class=form-group]>.[class=col-sm-12]>.[class=checkbox]>label[for=list$]>input[type=checkbox name =item$ value=Gedaan id=list$])*

当我尝试这个时，我得到：

<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox"><label for=""><input type="checkbox" name="item1" value="done"></label></div>
    </div>
</div>
<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox"><label for=""><input type="checkbox" name="item2" value="done"></label></div>
    </div>
</div>
<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox"><label for=""><input type="checkbox" name="item3" value="done">Video
                    DVD
                    CD</label></div>
    </div>
</div>

好吧，我来了一点。

现在它适用于多行。但 de Video、CD、DVD 保留在最后一个表单组中。

我又用了这个：(div[class=form-group]>.[class=col-sm-12]>.[class=checkbox]>label[for=list$]>input[type=checkbox name=item $值=格达安id=列表$])*

我的结果：

<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox">
            <label for="list1">
                <input type="checkbox" name="item1" value="Gedaan" id="list1"/>
            </label>
        </div>
    </div>
</div>
<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox">
            <label for="list2">
                <input type="checkbox" name="item2" value="Gedaan" id="list2"/>
            </label>
        </div>
    </div>
</div>
<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox">
            <label for="list3">
                <input type="checkbox" name="item3" value="Gedaan" id="list3"/>Video
                    DVD
                    CD
            </label>
        </div>
    </div>
</div>

标签： htmlformscheckboxemmet

html - 带有缩写的 Emmet 换行

问题描述

解决方案

推荐阅读