ruby-on-rails - 在 Ruby 中解析、编辑和输出 CSS

Question

有没有在Ruby 中进行css 编辑和解析的gem？我需要的是打开 css 文件，通过选择器执行 find，更改它并保存输出。最好的方法如下所示:

draft = CSSParser.load('structure.css')
draft.find('#header a').style('color', '#333')
draft.render

最合适的方法是什么？

Answer 1

我采取了一些步骤来解决我的问题。目前，以下代码能够改变 CSS，尽管它缺少漂亮的查找行 draft.find('#header a').style('color', '#333'):

CSS:

$red: #900;

#hello_world a{
  font-size: 1pt + 3pt;

  &:hover{ color: $red + #333 }

  color: #444333;
}

代码:

require 'rubygems'
require 'haml'
require 'sass'

def get_file_as_string(filename)
  data = ''
  File.open(filename, "r").each_line {|line| data += line}
  data
end

engine = Sass::Engine.new(template, :syntax => :scss)
result, extends = engine.to_tree.perform(Sass::Environment.new).cssize

@x = result.children[1] # nice search method should be here

class Sass::Tree::RuleNode
  def set_property(property, value)
    prop = self.children.first{|child| child.class == 'Sass::Tree::PropNode' && child.instance_variable_get(:@resolved_name) == property }
    prop.instance_variable_set(:@resolved_value, value)
  end
end

@x.set_property('color', '#362')

puts result.to_s