html - タブにテキストを配置する方法-ZenCoding

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を使用して作成するにはどうすればよいですか？そしてもう1つ、次のようになるようにさまざまな値をリストできますか。

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

score 26 · Accepted Answer

最初のケースでは、この省略形を使用ul>li{Value}*3できます。—中括弧を使用して、テキストを要素に挿入できます。

ただし、2番目のケースを実行するには、これしか実行できません。ul>li{Value}+li{Another Value}+li{Last Value}現在、複数の要素の値のみを一覧表示する方法はありません。

ただし、（Joonasの例のように）数字だけが異なる場合でも、簡単に達成できます。—乗数を使用するときに、属性または略語のテキストノードで使用でき、要素のカウンターに変換されますul>li{Line $}*3。$。

score 3 · Accepted Answer

あなたが何を意味するのか正確にはわかりませんが、次のように書くことができます。

Line 1
Line 2
Line 3

...その後、最初にこれらの行を選択してから、このzencode：で「wrapwithabbreviation 」ul>li*を使用する必要があります。これにより次のようになります。

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

Zenコーディングウィキ：

2 に答える 2