在Ruby中解析、编辑和输出CSS
在Ruby中解析、编辑和输出CSS
提问于 2010-09-21 00:08:53
在Ruby中有没有执行css编辑和解析的gem？我需要的是打开css文件，执行一个选择器的find，修改它并保存输出。最好的方式如下所示：
draft = CSSParser.load('structure.css')
draft.find('#header a').style('color', '#333')
draft.render那么最合适的方式是什么呢？
回答 4
Stack Overflow用户
回答已采纳
发布于 2010-09-26 15:45:53
我采取了一些步骤来解决我的问题。目前，以下代码能够更改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_sStack Overflow用户
发布于 2010-09-21 00:33:43
谷歌代码上的ruby-css-parser看起来很有前途。
他们的示例页面显示了对CSS选择器的解析和操作。
Stack Overflow用户
发布于 2010-09-21 00:48:24
试试Sass (感官上令人惊叹的StyleSheets)。
我正在使用它，它太棒了！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3753309
复制相关文章
相似问题
腾讯云开发者
