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

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

div.container

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

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

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

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

Я написал это следующим образом:

div(class="span 4")

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

Ответ 1

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

как насчет некоторых классов?
div.user-details
отображает <div class="user-details"></div>

несколько классов? и идентификатор? что:
div#foo.bar.baz
отображает <div id="foo" class="bar baz"></div>

Ответ 2

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

    div#MyBox.span12.blueButton.moveLeft

создаст

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

Ответ 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