Question

I recently attempted adding Zen Coding to my tool box of software development box of magic and have been mostly underwhelmed by it. Whether or not this is because it truly is technically deficient or rather suffers from documentation deficiencies I am not sure. Regardless, I can’t seem to use Zen Coding to generate this very simple and commonly occurring HTML pattern that emerges when working with forms

<div id="region1">    
    <h1></h1>
    <div class="data-label">
    </div>
    <div class="data-value">
    </div>
    <div class="data-label">
    </div>
    <div class="data-value">
    </div>
    <div class="data-label">
    </div>
    <div class="data-value">
    </div>    
</div>

Is is possible?

Answer 1

It is currently not possible. There is an open ticket on this very issue at Zen coding’s repository page.

Your expression should look something like this:

div#region1>(h1+(div.data-label+div.data-value)*3)   

But as you write it does not work.