An efficient way to merge 2 large CSS files

Question

I'm looking for a tool that allows you to merge 2 large CSS files. All the ones I've tried so far (like CSSMerge) haven't worked out. Some of them just randomly remove properties. Others choke on the non-standard properties like -webkit and -moz and give me errors. And I also need something that preserves the case of each rule. CSSMerge changed all rules to lower-case.

Solution

Try

CSS Compressor & Minifier

It have lots of options, you can compress and/or minify css.

• Copy both CSS files into CSS input
• Turn on Sort selectors and properties
• Obtain output
• Manually remove duplicates
• Re-enter input
• compress or minify your output

Comments

[CoderHawk]

this may help webdeveloper.com/forum/…

[catdotgif]

What if one CSS file is over-riding properties of the other? (e.g., where you have created a Wordpress child theme, and now you want to merge and jettison the original CSS file). Have people had success in this case?

[catdotgif]

I answer my own question: yes, it will merge, and it appears to do a decent job of it.

[sn3ll]

This site no longer exists

[CoderHawk]

@sn3ll yes it is. Don't worry there's lots more google.com/search?q=minify+css+online