Question

I’m trying to expand a minified CSS file (don’t ask) to make it human readable.
I’ve managed to get most of the expanding done but I’m stuck at a very weird case that I can’t figure out.

I have CSS that looks like this:

.innerRight {
border:0;color:#000;width:auto;padding-top:0;margin:0;
}
a {
color:#000;text-decoration:underline;font-size:12px;
}
p,small,ul,li {
color:#000;font-size:12px;padding:0;
}

I’ve tried (.+):(.+); as the search and \t\1: \2;\n as the replace. The find RegEx is valid, the only problem is that it matches the entire line of attributes. I’ve tried the non-greedy character, but I must not be putting it in the right place.

What the above find RegEx matches is:

0: border:0;color:#000;width:auto;padding-top:0;margin:0;
1: color:#000;text-decoration:underline;font-size:12px;
2: color:#000;font-size:12px;padding:0;

While those are technically correct matches, I need it to match border:0;, color:#000;, etc separately for my replace to work.

Answer 1

Try this – use non-greedy matching. This works for me

(.+?):(.+?);