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

标签 html emmet

使用 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>

最佳答案

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

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

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

关于html - 如何将文本放入选项卡 - Zen Coding,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12929897/

相关文章:

javascript - Jquery:将同一行上的复选框的值求和到同一行上的文本字段

emacs - 取消 emacs 中的键绑定(bind)

html - Emmet 覆盖的片段

html - emmet 在 css 中选择自定义类

html - MySQL 数据库错误 #1064

javascript - 在 css 中创建半个饼图,每个切片上都有数字

javascript - 使用 JQuery 将内容包装在两个 div 内的标签中

javascript - 使用 jQuery 延迟加载 div?

html - 使用 emmet 的错误图像系列

Emmet 编码 lorem ipsum,不以 lorem 开头