ruby-on-rails – 如何遍历CSS类的子类？

<span class="icons icon_name"></span>

所以,如果我需要一个“向上箭头”图标,我只需编码：

<span class="icons arrow_up"></span>

等等.因为库中有很多图标,所以我创建了一个参考页面(在Haml中),因此我可以快速找到我需要的图标. Haml代码的一个示例：

%div.icons.arrow_turn_right
    arrow_turn_right
    %br
%div.icons.arrow_undo
    arrow_undo
    %br
%div.icons.arrow_up
    ss_arrow_up
    %br

在我看来,这是一种相当强大的方法来编写页面. 300个图标需要近1000行代码.

我的问题：有没有办法使用每个循环(或类似的东西)迭代CSS类的子类？

像这样的东西：

subs = mainCSSclass.allSubclasses   <--Replace this line with functional code
subs.each do |subclass|
  ... display the |subclass| ...
end

这样的事情可能吗？

编辑：这是被引用的实际CSS文件的一部分：

.icons {
    display: inline;
    overflow: hidden;
    height: 16px;
    padding-left: 18px;
    background: url(icons.png) no-repeat; 
}

.accept {
    background-position: 0px 0px;
}

.add {
    background-position: 0px -19px; 
}

.anchor {
    background-position: 0px -37px;
}

.application {
    background-position: 0px -55px;
}

.application_add {
    background-position: 0px -73px; 
}

.application_cascade {
    background-position: 0px -91px; 
}

解决方案(感谢@ Corroded的回答)：

在我的pages_helper.rb中：

def read_css_cfg
  css_classes = Array.new
  file = File.new("public/stylesheets/blueprint/plugins/icons/icons.css","r")
    while line = file.gets
      parsed = line.scan(/[.]w+ {/).to_s.scan(/w/).join
      css_classes << parsed if !parsed.blank?
    end
    file.close
  css_classes
end

在我的实际Haml文件中：

- parse = read_css_cfg
- parse.delete("icons")       #unrelated class,but in the same file'
- column = 1

.container
  - parse.each do |class_name|
    - case column
      - when 1
        <div class = "css_row">
        %div{:class => "icons #{class_name} three_column"}
          #{class_name}
        - column += 1
      - when 2
        %div{:class => "icons #{class_name} three_column"}
          #{class_name}
        - column += 1
      - when 3
        %div{:class => "icons #{class_name} three_column"}
          #{class_name}
        </div>
        - column = 1

最后,虽然这与原始问题无关,但我的最终答案包含自动生成3列“div-table”的代码.如果你对CSS使用DIV而不是表感兴趣,那么它是：

.container {
  display: table;
  width: 675px;
}

.three_column {
  display: table-cell;
  width: 225px;
}

.css_row {
  display: table-row;