html - Remove redundant CSS properties between 2 or more CSS files -

i have 2 css files have redundant css properties set between them.

for example, in foo.css:

#test {     border: 0;     font-size: 16px; }

in bar.css:

#test {     border: 0;     font-size: 32px;     width: auto; }

with this, i'd want remove border: 0; bar.css.

i expected find answer in existing question, life of me couldn't find anything. there must quick tool process 2 or more files?

there's add-on firefox called dust-me selectors scans stylesheets on page , gives list of ones used , aren't used.

this can useful detecting styles can safely rid of. (though still need put intelligence it, there might styles show unused used dynamically, etc)

Expalin