Emmet包装用缩写

Posted 2021-03-27

我正试图以更节省时间的方式制作一份清单。我必须在每个页面下面做这样的事情，如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 $ value = Gedaan id = list $]）*

我的结果：

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

答案

这对我有用：

(.form-group>.col-sm-12>.checkbox>label>input[type=checkbox][name="item$"][value="done"])*

并生成的html：

<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox">
            <label for="">
                <input type="checkbox" name="item1" value="done">Video
            </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">CD
            </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">DVD
            </label>
        </div>
    </div>
</div>

我试过你的，它也有效，除了value=Gedaan部分：

另一答案

找到答案：

（div [class = form-group]>。[class = col-sm-12]>。[class = checkbox]> label [for = list $]> input [type = checkbox name = item $ value = Gedaan id =列表$]）{} *

{}让txt在后面