web-dev-qa-db-ja.com

Jade（node.js）-要素上の複数のクラス？

jaでは次のように書くことができます：

div.container

そしてそれは以下にコンパイルされます：

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

しかし、次のような複数のクラスがある場合はどうでしょうか：

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

私はこのように書いています：

div(class="span 4")

しかし、私は考えています：ヒスイでそれを行うより良い方法はありませんか？

pug
37
Piddien

ドキュメント から：

いくつかのクラスはどうですか？

div.user-details

レンダリング<div class="user-details"></div>

複数のクラス？そしてID？承知しました：

div#foo.bar.baz

レンダリング<div id="foo" class="bar baz"></div>

89
Matt Ball

次の形式

    div#MyBox.span12.blueButton.moveLeft

作成します

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

divを指定する必要はありません

#MyBox.span12.blueButton.moveLeft

div要素に選択したクラスとIDを適用します：

Divはタグの一般的な選択であるため、タグ名を省略した場合のデフォルトです：.contentは<div class="content"></div>にコンパイルされます

Pug（Jadeの新しい名前） ドキュメント を参照してください。

ただし、idまたはクラスで使用する他のすべての要素のタグを指定する必要があります。

例.

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