Jade (node.js) - ¿más de una clase en un elemento?

Question

en jade se puede escribir:

div.container 

y se compila en:

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

Pero lo que si tiene varias clases como:

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

he escrito así:

div(class="span 4") 

Pero estoy pensando: ¿No hay una mejor manera de hacerlo en jade?

Answer 1

De the documentation:

¿qué hay algunas clases?

div.user-details 

renders <div class="user-details"></div>

múltiples clases? y una identificación? Seguro:

div#foo.bar.baz 

renders <div id="foo" class="bar baz"></div>

Answer 2

el siguiente formato

div#MyBox.span12.blueButton.moveLeft 

creará

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

Answer 3

Usted no tiene que especificar div

#MyBox.span12.blueButton.moveLeft  

se aplicará la clase y la identificación seleccionada en un elemento div:

Desde divs son una opción tan común de la etiqueta, que es el valor por defecto si omite el nombre de la etiqueta: .content compila a <div class="content"></div>

Ver el Pug (nuevo nombre para Jade) documentation.

Sin embargo, tiene que especificar las etiquetas de todos y cada uno de los otros elementos que utiliza con un id o clase.

Ej.

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