Regex: extract CSS styles from CSS file

Question

I have a big CSS file with all CSS we need for our internal framework, but I only need a few of the styles. So I want to extract the style I want. I used regular expression to extract them:

cssFileContent.scan(/\.#{cssName}.*?\{.+?\}/im)

In Ruby, scan means extract the patter from string, cssName is the CSS style name i - case insensitive m - dot match everything so that \n will be matched too

It gives me some style blocks, but skip one every time. For example, I have .abc-style { } and .def-style { }, but result is like:

.abc-style {

}

}

so def-style is skipped.

Can someone give me any point why? And how to correct?

draegtun · Accepted Answer · 2012-10-19 13:56:48Z

3

Instead of using a regex I would use a CSS parser to do this.

There are plenty on CPAN to chose from, for e.g. CSS, CSS::SAC, CSS::Tiny & CSS::Croco. Choose the one which best fits your needs.

Here is an example using CSS::Tiny...

use strict;
use warnings;
use CSS::Tiny;

my $css = CSS::Tiny->read('your_stylesheet.css');
my $new = CSS::Tiny->new;

# styles I want to extract
$new->{$_} = $css->{$_} for qw/.abc-style .def-style/;

$new->write('extracted_styles.css');

answered Oct 19, 2012 at 13:56

draegtun

22.6k5 gold badges51 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

SwiftMango Over a year ago

Thanks for the alternative :)

PinnyM · Accepted Answer · 2012-10-18 21:02:43Z

2

Try excluding the closing bracket and make the collection greedy like this:

cssFileContent.scan(/\.#{cssName}.*?\{[^\}]+\}/im)

answered Oct 18, 2012 at 21:02

PinnyM

35.6k4 gold badges77 silver badges84 bronze badges

Collectives™ on Stack Overflow

Regex: extract CSS styles from CSS file

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related