Zurb foundation 使用ZURB基金会类选择器的Emmet

我使用基础ZURBS类选择器，用于在HTML中构建页面。我正在使用Emmet/Zen编码来构建页面，但我不知道如何使用Emmet快捷方式来创建包含空格的类选择器

因此，要澄清以下Emmet短代码：

div.large-4*3

生成代码

<div class="large-4"></div>
<div class="large-4"></div>
<div class="large-4"></div>

如果我尝试在下面的短代码语法中使用这个类选择器

div.large-4 columns*3

它生成以下html

div.large-4 <columns></columns>
<columns></columns>
<columns></columns>

div.large-4

如何编写生成以下内容的Emmet短代码：

<div class="large-4 columns"></div>
<div class="large-4 columns"></div>
<div class="large-4 columns"></div>

问候

---

K*

large-4

和

列

是独立的CSS类。在HTML

类

属性中，您在一个空格分隔的列表中指定它们，但在CSS中，您只需连接选择器，例如

的CSS选择器将是

div.large-4.columns

。假设这个短代码使用CSS选择器并生成等价的HTML，那么最后只需要

*3

。

large-4

和

列

是独立的CSS类。在HTML源代码中，它们是空格分隔的，但用于多个类的CSS源代码并不是这样工作的。你试过

div.large-4.columns*3

？啊，当然@Neil-你完全正确-我看不见那里的树木。太过试图理解基础而不是理解我在做什么！当然，我已经想出了一个更简洁的方法

.large-4.columns*3

很高兴能帮上忙。我把我的评论转换成了答案，这样你就可以把它标记为答案了。

<div class="large-4 columns"></div>
<div class="large-4 columns"></div>
<div class="large-4 columns"></div>