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

Loops 使用HAML生成动态类名增量,loops,haml,increment,classname,Loops,Haml,Increment,Classname,我对HTML非常陌生,我想实现以下目标: <div class="column_1"></div> <div class="column_2"></div> <div class="column_3"></div> <div class="column_4"></div> 这将生成列,但增量位于div的内容中,而不是类名的一部分 希望有人能帮我指路;) 您不能使用CSS样式语法(和#)生成这样的动态

我对HTML非常陌生,我想实现以下目标:

<div class="column_1"></div>
<div class="column_2"></div>
<div class="column_3"></div>
<div class="column_4"></div>
这将生成列,但增量位于div的内容中,而不是类名的一部分


希望有人能帮我指路;)

您不能使用CSS样式语法(
#
)生成这样的动态属性,您需要这样做:

-(1..4)。每个都做|
%div{:class=>“列{i}”
  - (1..4).each do |i|
    .column #{i}