Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to put text into the tabs - Zen Coding

Tags:

html

emmet

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>
like image 244
Faery Avatar asked Oct 17 '12 08:10

Faery


1 Answers

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.

like image 80
kizu Avatar answered Sep 27 '22 22:09

kizu