Jade (node.js) - более одного класса на элементе?

Question

в нефрите можно написать:

div.container 

и компилирует в:

<div class="container"></div> 

Но что, если у вас есть несколько классов, как:

<div class="span 4"><div> 

Я написал это так:

div(class="span 4") 

Но я думаю: нет ли лучшего способа сделать это в нефрите?

Answer 1

От the documentation:

как насчет некоторых классов?

div.user-details 

оказывает <div class="user-details"></div>

несколько классов? и идентификатор? что:

div#foo.bar.baz 

оказывает <div id="foo" class="bar baz"></div>

Answer 2

следующий формат

div#MyBox.span12.blueButton.moveLeft 

создаст

<div id="MyBox" class="span12 blueButton moveLeft"></div> 

Answer 3

Вам не нужно указывать div

#MyBox.span12.blueButton.moveLeft  

применит выбранный класс и идентификатор на div элементе:

Поскольку Див являются таким общим выбором тега, то по умолчанию, если вы опустить имя тега: .content компилирует <div class="content"></div>

Просмотреть Мопс (новое название для нефрита) documentation.

Однако вы должны указать теги всех и каждого других элементов, которые вы используете с идентификатором или классом.

Ex.

body 
    #page 
    header.row 
     h1= title 
    .row 
     p Express App