Jade (node.js) - nhiều hơn một lớp trên một phần tử?

Question

trong ngọc người ta có thể viết:

div.container 

và biên dịch thành:

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

Nhưng nếu bạn có một vài lớp học như:

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

Tôi đã viết nó như thế này:

div(class="span 4") 

Nhưng tôi nghĩ: Có cách nào tốt hơn để làm điều đó trong ngọc không?

Answer 1

Từ the documentation:

thế nào về một số lớp học?

div.user-details 

renders <div class="user-details"></div>

nhiều lớp học? và một id? chắc chắn:

div#foo.bar.baz 

renders <div id="foo" class="bar baz"></div>

Answer 2

Định dạng sau

div#MyBox.span12.blueButton.moveLeft 

sẽ tạo

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

Answer 3

Bạn không cần phải chỉ định div

#MyBox.span12.blueButton.moveLeft  

sẽ áp dụng các lớp chọn và id trên một yếu tố div:

Kể từ của div là một lựa chọn phổ biến như vậy của thẻ, nó là mặc định nếu bạn bỏ qua tên tag: .content biên dịch để <div class="content"></div>

Xem Pug (tên mới cho Jade) documentation.

Tuy nhiên, bạn phải chỉ định thẻ của mỗi và mọi phần tử khác mà bạn sử dụng với id hoặc lớp.

Ví dụ:

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