Эммет обернуть с сокращением

Question

Я пытаюсь составить контрольный список, чтобы сэкономить время.Я должен сделать это под каждой страницей, как 17 раз.Поэтому, чтобы сэкономить немного времени, я надеялся, что Эммет станет подходящим решением.Важно сказать, что я хочу выбрать три имени и сделать все сразу.Я работаю с 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 = имя флажка = 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>

Хорошо, я пришел немногодалее.

Теперь он работает с несколькими строками.Но де Видео, CD, DVD остаются в последней группе форм.

Я снова использовал эту: (div [class = form-group]>. [Class = col-sm-12]>. [class = checkbox]> label [for = list $]> input [type = имя флажка = 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>

Answer 1

Нашел ответ:

(div [class = form-group]>. [Class = col-sm-12]>. [Class = checkbox]> label [for = list $]> input[type = имя флажка = item $ value = Gedaan id = list $]) {} *

{} позволяет тексту вернуться на обратную сторону

Answer 2

Это сработало для меня:

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