使用HAML生成动态类名称增量

Question

我是HTML新手，我希望实现以下目标：

<div class="column_1"></div>
<div class="column_2"></div>
<div class="column_3"></div>
<div class="column_4"></div>

我试过这个

  - (1..4).each do |i|
    .column #{i}

这会生成列，但增量位于div的内容中，而不是类名的一部分。

希望有人能帮助我告诉我正确的方法;）

Answer 1

你不能使用CSS样式语法（.和#）来生成这样的动态属性，你需要这样做：

- (1..4).each do |i|
  %div{:class => "column_#{i}"}