Jade（node.js） – 一个元素上的多个类？

在玉石上可以写：

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>

多个class？ 和一个ID？ 当然：

 div#foo.bar.baz 

呈现<div id="foo" class="bar baz"></div>

Answer 2

格式如下

  div#MyBox.span12.blueButton.moveLeft 

将创build

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

Answer 3

你不必指定div

 #MyBox.span12.blueButton.moveLeft 

将在div元素上应用选定的类和id：

由于div是标签的常用select，因此如果省略标签名称，则默认为： .content编译为<div class="content"></div>

请参阅帕格（Jade的新名称） 文档 。

但是，您必须指定使用id或class的每个其他元素的标签。

防爆。

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