Zen Coding +包含Sublime Text 2中的缩写

Question

我想在Sublime Text 2中使用以下Zen Coding缩写包装一些列表项：

nav>ul.example>li*4

这是列表的一个例子：

  

犬
  猫
  马
  牛

我该怎么做？

Answer 1

如果要使用缩写元素包装每行选择，则需要使用*运算符将此元素标记为重复。

因此，您的缩写应如下所示：

nav>ul.example>li*

（例如，没有乘数值，只有*）

Answer 2

虽然它不在上下文中，但this tool可能会有所帮助。它可以包装文本或使用不同的html标签创建长列表，如li，选项等。只需粘贴文本和点击按钮，其余的复制到剪贴板中。它甚至还具有镀铬扩展功能，可以加快速度。不如zen编码快，但在列表中包含100个文本元素时非常有用：）

Answer 3

这将需要两个步骤，至少这是我发现的最简单的方法：

1. 选择您的列表，如果列表中有中断，您将要使用（Ctr）for Windows，（Cmd）for Mac，并选择您想要周围标记的列表中的每一行。

2. 按（Crt / Cmd）+（Shift）+（L），然后（Home）作为标签文本的正面，（End）作为结束标记文本的结尾。< / p>

这将同时编辑所有列表项目，进行非常快速有效的编辑，这是Sublime Text 2的主要特权之一：）

让我知道这是否有意义，所以我可以更好地解释。

Answer 4

在Linux上

： ctrl shift g（暴露zen编码/ emmet命令行） 然后在结尾处输入没有增量编号的元素，只有*，正如谢尔盖指出的那样！

Answer 5

你不必这么复杂。您只需选择所需的项目列表（使用鼠标进行检查）。确保您处于html模式而不是文本模式。然后你只需输入div＆gt; nav.element＆gt; li *到Koan编码下的底线（CTRL选项返回 - 可能在你的系统上有所不同），所有列表项都在代码中。

如果您有一个包含网站的列表，您只需键入一个*就可以使用超链接来包装它们。非常有用。