grab CSS value with Regex

Question

Hi There

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, '');

Answer 1

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

But you should probably use a real css parser instead.

Answer 2

/\.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.