我想在 Sublime Text 2 中用以下 Zen Coding 缩写包装一些列表项:
nav>ul.example>li*4
这是列表的一个示例:
狗
猫
马
牛
我该怎么做呢?
我想在 Sublime Text 2 中用以下 Zen Coding 缩写包装一些列表项:
nav>ul.example>li*4
这是列表的一个示例:
狗
猫
马
牛
我该怎么做呢?
当您想用缩写元素包装每一行选择时,您需要使用运算符将此元素标记为重复*
。
因此,您的缩写应如下所示:
nav>ul.example>li*
(例如没有乘数值,只是*
)
在 linux 上: ctrl shift g (以公开 zencoding/emmet 命令行)然后在末尾键入没有递增编号的元素,只是 *,正如 Sergey 指出的那样!
你不必做这么复杂的事情。您只需选择您想要的项目列表(用鼠标浏览它)。确保您处于 html 模式而不是文本模式。然后您只需在 Koan 编码下的底行键入 div>nav.element>li* (CTRL 选项返回 - 在您的系统上可能不同),所有列表项都在代码中。
如果你有一个网站列表,你只需要输入 a* 就可以用超链接将它们全部包裹起来。是相当有用的。
这将需要两个步骤,至少这是我发现的最简单的方法:
选择您的列表,如果您的列表中有中断,您将要在 Windows 上使用 (Ctr),在 Mac 上使用 (Cmd),然后选择列表的每一行您想要周围的标签。
点击 (Crt/Cmd) + (Shift) + (L),然后点击 (Home) 作为标签文本的前面,(End) 作为结束标签文本的末尾。
这将同时编辑所有列表项,从而实现非常快速和高效的编辑,这是 Sublime Text 2 的主要优点之一 :)
让我知道这是否没有意义,以便我更好地解释。
虽然它脱离了上下文,但这个工具可能会有所帮助。它可以包装文本或使用不同的 html 标签(如 li、option 等)创建长列表。只需粘贴文本并点击按钮,其余部分将复制到剪贴板中。它甚至有一个 chrome 扩展来让事情变得更快。不如 zen 编码快,但当您想在列表中包含 100 个文本元素时很有用 :)