html – 类名变量 – 哈巴狗

概述我需要用class pixel-1,pixel-2 … pixel-n创建div,我的问题是如何用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 我需要用class pixel-1,pixel-2 … pixel-n创建div,我的问题是如何用pug实现它.我试过这个：

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

但它生成这样的CSS：

<div >1</div><div >2</div><div >3</div>...

解决方法 你可以这样做：

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

总结

以上是内存溢出为你收集整理的html – 类名变量 – 哈巴狗全部内容，希望文章能够帮你解决html – 类名变量 – 哈巴狗所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。