/ / Verwendung von Emmet mit Zurb Foundation Klassenselektoren - zurb-foundation, emmet

Verwendung von Emmet mit Zurb Foundation Klassenselektoren - zurb-foundation, emmet

Ich benutze Foundation Zurbs Klassenselektoren fürVerwenden der Erstellung einer Seite in HTML. Ich verwende Emmet / Zen Coding zum Erstellen der Seite und kann nicht herausfinden, wie die Emmet-Verknüpfungen für Klassenselektoren verwendet werden, die Leerzeichen enthalten.

Um den folgenden Emmet-Shortcode zu verdeutlichen:

div.large-4*3

produziert den Code

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

Die Zurb-Klassenselektoren haben jedoch einen Raum "" in der Größenordnung von

"large-4 columns"

wenn ich versuche, diesen Klassenselektor in der Shortcode-Syntax wie unten zu verwenden

div.large-4 columns*3

es erzeugt den folgenden HTML

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

Wie schreibe ich den Emmet Shortcode, der produziert:

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

Grüße

K *

Antworten:

0 für die Antwort № 1

large-4 und columns sind separate CSS-Klassen. Im HTML class Attribut Sie geben sie in einer durch Leerzeichen getrennten Liste an, aber in CSS verketten Sie einfach die Selektoren, z. der CSS-Selektor für <div class="large-4 columns"> wäre div.large-4.columns. Angenommen, dass dieser Shortcode einen CSS-Selektor verwendet und den entsprechenden HTML-Code generiert, benötigen Sie nur den *3 am Ende.