まくろぐ
更新: / 作成:

Jade のテンプレートファイルでは、CSS セレクタと同じ表現で、HTML タグのクラス属性、ID 属性を指定することができます。

p.class1 AAA  #=> <p class="class1">AAA</p>
span#id1 BBB  #=> <span id="id1">BBB</span>

もちろんクラス属性値は、複数指定可能です。

p.class1.class2.class3 AAA  #=> <p class="class1 class2 class3">AAA</p>

クラス属性、ID 属性を指定するときに、タグ名を省略すると、デフォルトで div タグとみなされます。

.class1 AAA  #=> <div class="class1">AAA</div>
#id1 BBB     #=> <div id="id1">BBB</div>

クラス属性と ID 属性は、どちらを先に指定しても構いません。

.class1#id1.class2  #=> <div id="id1" class="class1 class2">AAA</div>

関連記事

まくろぐ
サイトマップまくへのメッセージ