Как создать DIV с 5 элементами PARAGRAPH, каждый из которых содержит SPAN с пропеллером класса CSS и еще один SPAN с классом значения CSS

Question

Я хочу создать DIV с CSS классом информации и mdc-elevation - z3. Этот DIV должен иметь 5 элементов PARAGRAPH, каждый из которых содержит SPAN с классом CSS char и еще один SPAN с классом CSS стоимостью

Answer 1

Эммет:

div.info.mdc-elevation--z3>p*5>span.char+span.worth

Expanded:

<div class="info mdc-elevation--z3">
  <p><span class="char"></span><span class="worth"></span></p>
  <p><span class="char"></span><span class="worth"></span></p>
  <p><span class="char"></span><span class="worth"></span></p>
  <p><span class="char"></span><span class="worth"></span></p>
  <p><span class="char"></span><span class="worth"></span></p>
</div>

Answer 2

Вы можете написать:

<div class="mdc-elevation--z3">
<p><span class="char"></span><span class="worth"></span></p>
<p><span class="char"></span><span class="worth"></span></p>
<p><span class="char"></span><span class="worth"></span></p>
<p><span class="char"></span><span class="worth"></span></p>
<p><span class="char"></span><span class="worth"></span></p>
</div>