Combining Stylesheets

Hey Guys,

I have the following stylesheets I want to combine:

Stylesheet.css
Stylesheet_tm.css
StyleSheet_main.css

To combine them do I just paste the codes of the other two style sheets into the stylesheet.css file?

Thanks,
Nick\

Essentially, yes. If there are any overlapping or conflicting rules, the last one will generally win, so check what selectors are in the various stylesheets and resolve any conflicts first. The stylesheets are loaded in alphabetical order, so you know how they are currently interacting.
Even though fewer stylesheets is a good idea, it might make it more difficult to find some things if you have to search through a 3x-longer main stylesheet. On the other hand, it might be easier to have only one file to search for rules...

Quote:

---

Originally Posted by gjh42

Essentially, yes. If there are any overlapping or conflicting rules, the last one will generally win, so check what selectors are in the various stylesheets and resolve any conflicts first. The stylesheets are loaded in alphabetical order, so you know how they are currently interacting.
Even though fewer stylesheets is a good idea, it might make it more difficult to find some things if you have to search through a 3x-longer main stylesheet. On the other hand, it might be easier to have only one file to search for rules...

---

Generally you dont search :p, you use firebug or IE developer tool kit to see which rules are being applied, and where they are defined.

Or if you haven't implemented the developer tools, you search the stylesheet... and the longer the file is, the more lines you have to scroll through to get to them in any case.