With ul>li*3
I achieve
<ul>
<li></li>
<li></li>
<li></li>
</ul>
but what I want is something like this:
<ul>
<li>Value</li>
<li>Value</li>
<li>Value</li>
</ul>
How can I make it using Zen Coding? And one more thing - can I list different Values so that it becomes like this:
<ul>
<li>Value</li>
<li>Another Value</li>
<li>Last Value</li>
</ul>
You can use this abbreviation for the first case: ul>li{Value}*3
— you can use the curly braces for inserting the text into elements.
However, to do the second case you could only do this: ul>li{Value}+li{Another Value}+li{Last Value}
, right now there is no way to list only the values for multiple elements.
However, if the only thing that would be different is a number (like in Joonas' example), you can still achieve it easily: ul>li{Line $}*3
— you can use $
in attributes or text nodes of abbreviations when using multipliers and they would transform to the element's counter.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With