How to parse css and get css file elements in Ruby?
You can parse both local css file as well as remote css file also by Using Css_parser gem.
For install simple do "gem install css_parser." or use http://github.com/alexdunae/css_parser for github.
Below is the example of use Remote Css :
require 'rubygems'
require 'css_parser'
include CssParser
parser = CssParser::Parser.new
parser.load_uri!('http://example.com/styles/style.css')
# load a remote file, setting the base_uri and media_types
parser.load_uri!('../style.css', 'http://example.com/styles/inc/', [:screen, :handheld])
# load a local file, setting the base_dir and media_types
parser.load_file!('print.css', '~/styles/', :print)
# lookup a rule by a selector
parser.find('#content')
#=> 'font-size: 13px; line-height: 1.2;'
# lookup a rule by a selector and media type
parser.find('#content', [:screen, :handheld])
# iterate through selectors by media type
parser.each_selector(:screen) do |selector, declarations, specificity|
...
end
# add a block of CSS
css = <<-EOT
body { margin: 0 1em; }
EOT
parser.add_block!(css)
# output all CSS rules in a single stylesheet
parser.to_s
=> #content { font-size: 13px; line-height: 1.2; }
body { margin: 0 1em; }
How to parse local Css??
For that you have to do some change in css_parser gem's file "lib/css_parser/parser.rb"
and add following method into it after "load_uri! method.
# Load a local CSS file.
def load_file!(file_name, base_dir = nil, media_types = :all)
file_name = File.expand_path(file_name, base_dir)
return unless File.readable?(file_name)
src = IO.read(file_name)
base_dir = File.dirname(file_name)
add_block!(src, {:media_types => media_types, :base_dir => base_dir})
end
For more changes and details you have to check :
http://github.com/zapnap/css_parser/blob/master/lib/css_parser/parser.rb
Example For Local css parse:
require 'rubygems'
require 'css_parser'
include CssParser
parser = CssParser::Parser.new
parser.load_file!("test.css")
@info = parser.find_by_selector("body")
