Использование Emmet с селекторами класса Zurb Foundation

Question

Я использую селекторы класса Zurbs для использования для создания страницы в HTML. Я использую Emmet/Zen Coding для создания страницы и не могу понять, как использовать ярлыки Emmet для селекторов классов, в которых есть пробелы.

Так прояснить шорткод Эммет ниже:

div.large-4*3 

производит код

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

Однако, селекторы класса Zurb имеют место «» в них порядка

"large-4 columns" 

если я пытаюсь использовать этот селектор классов в синтаксисе короткого кода, как показано ниже

div.large-4 columns*3 

он производит следующий HTML

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

Как я пишу Эммет SHORTCODE, который производит:

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

С уважением

K *

Answer 1

large-4 и columns - отдельные классы CSS. В атрибуте HTML class вы указываете их в списке, разделенном пробелами, но в CSS вы просто объединяете селекторы, например. селектором CSS для <div class="large-4 columns"> будет div.large-4.columns. Предполагая, что этот shortcode использует селектор CSS и генерирует эквивалентный HTML, вам просто понадобится *3 в конце.