The problem: a number of people are working on the same (set of) CSS file(s) for a web site, and strict class and id naming standards have not been created and enforced. This has led to a proliferation of somewhat meaningful but overall ambiguous labels for CSS ids and classes and selectors. Some of the selectors conflict with each other, and these overlapping declarations are causing unexpected results in the page rendering. Your task is two fold:
- create a list of the selectors of all CSS rules from every CSS file
- find out which declarations possibly conflict with each other so they can be examined manually to see if the conflict can be resolved and/or the CSS file can be optimized by consolidating declarations