Переменная в названии класса - мопс

Мне нужно создать div's с классом 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

Переменная в названии класса - мопс

ответ

Смежные вопросы