類名變量 - 帕格

我需要創建DIV的類與pixel-1,pixel-2 ... pixel-n和我的問題是如何實現它與pug。我嘗試這樣做：類名變量 - 帕格

- for (var x = 1; x < 13; x++) 
     .pixel-x=x

，但它產生的CSS是這樣的：

<div class="pixel-x">1</div> 
<div class="pixel-x">2</div> 
<div class="pixel-x">3</div> 
...

2016-12-15 Arkej

你是否願意用JavaScript來做到這一點？ –

我在我的HTML文件中有這個代碼。我在codepen上編碼，帕格被認爲是一個HTML預處理器。我知道用JS做這件事很簡單，但我的問題是如果沒有它可以做到嗎？ – Arkej

我不知道帕格，對不起....如果你需要幫助以另一種語言來做，我可以幫你。 –

你可以做這樣的：

- for (var x = 1; x < 13; x++) 
    div(class='pixel-' + x)

2016-12-15 19:58:44 Punit

太好了，這就是我所需要的。謝謝 – Arkej

回答