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

Question

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

div.container

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

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

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

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

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

div(class="span 4")

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

Answer 1

Из документации :

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

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:

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

См. Pug (новое имя для Jade) Документация .

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

Пример.

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