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.

Are there duplicate entries in the CSS files? – Scoregraphic Aug 26 '10 at 06:43 — Scoregraphic, Aug 26 '10 at 06:43

score 14 · Accepted Answer · edited Jun 20 '20 at 09:12

14

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

edited Jun 20 '20 at 09:12

Community

1
1

answered Aug 26 '10 at 06:50

Sandeep Kumar M

3,841
3
38
59

this may help http://www.webdeveloper.com/forum/showpost.php?s=37cb4bc31c91263a9f471c2211eca4c7&p=896892&postcount=4 – Sandeep Kumar M Aug 26 '10 at 06:57
1

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 Dec 08 '14 at 23:20
I answer my own question: yes, it will merge, and it appears to do a decent job of it. – catdotgif Dec 09 '14 at 00:07
This site no longer exists – sn3ll Jun 22 '17 at 17:27
@sn3ll yes it is. Don't worry there's lots more https://www.google.com/search?q=minify+css+online – Sandeep Kumar M Jun 24 '17 at 13:19

score 0 · Answer 2 · answered Aug 26 '10 at 06:59

0

Try SASS, you'll need ruby, but it's awesome for CSS generally. It will merge props though, as well as all it's other awesomeness.

answered Aug 26 '10 at 06:59

Rich Bradshaw

71,795
44
182
241

An efficient way to merge 2 large CSS files

2 Answers2

Try

CSS Compressor & Minifier

Linked