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>

多個類？和一個ID？確認：

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  

將應用選擇class和id一個div元素：

由於div的是標籤的這樣一個共同的選擇，這是如果你 省略標籤名稱默認： .content編譯成<div class="content"></div>

看到帕格（玉的新名字）documentation。

但是，您必須指定您使用的每個其他元素的標籤 帶有id或class。

Ex。

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