Question

是否有一个gem可以在Ruby中执行css编辑和解析？我需要的是打开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

Answer 2

Google Code上的

ruby-css-parser看起来很有希望。

他们的示例页面显示了解析和操作CSS选择器。

Answer 3

尝试Sass（Sintactically Awesome StyleSheets）。

我正在使用它，它太棒了！

Answer 4

Sass包含CSS-＆gt; Sass转换器，您可以创建'mixins'和变量以在样式表中使用。我知道这不是你要求的，但取决于你想要做什么，这可能是一个更好的解决方案。

否则，看起来ruby-css-parser就像你自己没有自己写的东西一样接近。

在Ruby中解析，编辑和输出CSS

4 个答案: