grab CSS value with Regex

Question

I am hoping that someone can help me with this regex, I need to grab test2 and everything between { }

    .test1 {font-family: Arial, Helvetica, sans-serif; color: #42bf32; font-size: 14px; }
.test2 {font-family: Arial, Helvetica, sans-serif; color: #42bf32; font-size: 14px; }
.test3 {font-family: Arial, Helvetica, sans-serif; color: #42bf32; font-size: 14px; }

I am using ASP and Javascript

I have a feeling the regex would be something like this test2.replace(/\.test(.*?)\{(.*?)\}/ig, '.test3');

Any help would be appreciated

Thanks to Steward it now works fine .replace(/.test *{[^}]*/ig, '');

why are you trying to grab the css w/ regex? there's probably a better solution to what you're doing, then to use regex. — vol7ron
– vol7ron, Commented Jul 23, 2010 at 23:21

Peter Boughton · Accepted Answer · 2010-07-26 16:56:22Z

2

test2[[:space:]]*{[^}]*}

But you should probably use a real css parser instead.

edited Jul 26, 2010 at 16:56

Peter Boughton

113k32 gold badges125 silver badges177 bronze badges

answered Jul 23, 2010 at 23:04

Stuart

5851 gold badge3 silver badges12 bronze badges

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

5 Comments

Gerald Ferreira Over a year ago

Thanks Stuart i have chaged ut to .replace(/.test *{[^}]*/ig, ''); but it leaves the last } in the code. any idea why?

Gerald Ferreira Over a year ago

lol wait I think I see what I have done wrong .replace(/.test {[^}]}/ig, ''); let me try it like this

Marcel Korpel Over a year ago

You can format your code by indenting it with 4 spaces (look at the box to the right when editing an answer).

Wrikken Over a year ago

No CSS comments like .test2 { font-family: Arial /* }{ */ } ?

Gerald Ferreira Over a year ago

hi Wrikken nice idea to include comments :-) I have not comments in my styles - I am building an online css editor - with basic functionality...

vol7ron · Accepted Answer · 2010-07-23 23:27:47Z

1

/\.test2\s*\{.*\}/

You also might want to look into other RegExp methods, replace may not be what you want. Specifically, you should check out test() and exec(). See Javascript Kit's Regex Tutorial.

answered Jul 23, 2010 at 23:27

vol7ron

42.3k22 gold badges126 silver badges178 bronze badges

Collectives™ on Stack Overflow

grab CSS value with Regex

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related