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>