Question

ul>li*3我实现了

            <ul>
                <li></li>
                <li></li>
                <li></li>
            </ul>

但我想要的是这样的：

            <ul>
                <li>Value</li>
                <li>Value</li>
                <li>Value</li>
            </ul>

如何使用Zen Coding制作它？还有一件事 - 我可以列出不同的值，使它变成这样：

            <ul>
                <li>Value</li>
                <li>Another Value</li>
                <li>Last Value</li>
            </ul>

Answer 1

您可以将此缩写用于第一种情况：ul>li{Value}*3 - 您可以使用花括号将文本插入元素中。

但是，要做第二种情况，你只能这样做：ul>li{Value}+li{Another Value}+li{Last Value}，现在没有办法只列出多个元素的值。

但是，如果唯一不同的是数字（如Joonas的例子），您仍然可以轻松实现：ul>li{Line $}*3 - 您可以在属性或文本节点中使用$使用乘数时的缩写，它们会转换为元素的计数器。

Answer 2

我不确定我到底知道你的意思，但你可以写：

Line 1
Line 2
Line 3

...之后，您应首先选择这些行，然后使用带有此zencode的缩写'的'换行：ul>li*，这将生成以下内容：

<ul> <li>Line 1</li> <li>Line 2</li> <li>Line 3</li> </ul>

Zen coding wiki：

http://code.google.com/p/zen-coding/wiki/Actions#Wrap_with_Abbreviation

如何将文本放入选项卡 - Zen Coding

2 个答案: