finding selectors by specific css values with ack/grep regex

Question

I have the following two selectors in my css, laid out with this formatting:

// file1.css
#myId {
    margin-right:0;
    color:#f00;
}

// file2.css
#otherId { margin-right:0; color: #f00 }

My goal is to obtain the selector and the color value using a ack/grep search.

if I:

ack-grep '(^.*color:\s+\d+)'

I'll get:

file1.css
color:#f00;

file2.css
#otherId { margin-right:0; color: #f00 }

This search worked fine for file2.css, but not so well for file1.css, probably because I use ^ to match to the beginning of a line.. how would I consistently match back to the beginning of some css selector (starting with either an id or a class or tagname)?

to be more obvious, I want:

file1.css
#myId {margin-right:0; color:#f00;

file2.css
#otherId { margin-right:0; color: #f00 }

(and the selector doesn't necessarily have to be an ID.. should I match back to previous } or beginning of file?

See this answer: stackoverflow.com/a/10891045/288906

fregante
– fregante

2014-12-29 01:52:17 +00:00
Commented Dec 29, 2014 at 1:52 — fregante
– fregante, Commented Dec 29, 2014 at 1:52

Tomasz Elendt · Accepted Answer · 2012-04-16 20:37:18Z

2

Neither grep nor ack supports multi-line regexes:

ack FAQ

There are other alternatives, like pcregrep. I would use some CSS parser though.

answered Apr 16, 2012 at 20:37

Tomasz Elendt

1,48513 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

finding selectors by specific css values with ack/grep regex

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related