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     

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

由于 div 是标签的常见选择，因此如果省略标签名称，它就是默认值： .content编译为<div class="content"></div>

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

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

前任。

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