【问题标题】:Variable in class name - pug类名中的变量 - pug
【发布时间】:2016-12-16 03:58:44
【问题描述】:

我需要使用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">3</div>
...

【问题讨论】:

  • 你愿意用javascript做这个吗?
  • 我的 HTML 文件中有这段代码。我在 codepen 上编码,pug 被认为是那里的 HTML 预处理器。我知道用 JS 做起来很简单,但我的问题是如果没有它可以做吗?
  • 我不认识哈巴狗,抱歉....如果您需要其他语言的帮助,我可以帮助您。
  • 如果您知道另一个适合这里的 HTML 预处理器,那将会很有帮助

标签: html pug


【解决方案1】:

你可以这样做:

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

【讨论】:

  • 太好了,这就是我需要的。谢谢
猜你喜欢
  • 2020-12-09
  • 1970-01-01
  • 1970-01-01
  • 2017-06-18
  • 1970-01-01
  • 2021-10-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多