title: child div blocks with class names using emmet
body: <p>I want to have nested div blocks with class names using Emmet codes but I cannot figure it out.</p>
  
  <p>Something like this:</p>
  
  <pre><code>&lt;div class="map"&gt;
      &lt;div class="cardcontainer"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I know div>div will produce a nested div block and I can do  .map+.cardcontainer to produce two sibling divs, but .map>.cardcontainer does not work.</p>
  
  <p>thanks.</p>