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

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>

score 26 · Accepted Answer

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

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

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

score 3 · Accepted Answer

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

Line 1
Line 2
Line 3

...然后，您应该首先选择这些行，然后将'wrap with abbreviation'与此 zencode: 一起使用ul>li*，这将产生：

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

Zen 编码维基：

2 回答 2