I try to keep the number of stylesheets to a minimum, where specialist stylesheets go first and my own editable stylesheet goes last.
I also tend to leave the specialist stylsheets untouched, making changes for these in my own editable stylesheet.
Translating that to your situation, the order of the stylesheets would be
where the green coloured stylesheet is the only one that is editable.
This approach has several advantages
1. Easy to follow the modifications
2. when there are upgrades, one will not lose the modifications.
I agree with Ben. Leave the default/reset stuff alone. Limit modifications to the last style sheet in your hierarchy and things will be much simpler to track later.
Thank you Ben and Nancy, you both are always very helpful. Does the order of the CSS stylesheets in the CSS Panel (dreamweaver), have any effect on the rules? Should I drag my stylesheetmain CSS (currently 2nd) to bottom of CSS Stylesheets?. Does it affect anything moving it from 2nd to 4th (last)? Seems like I had some issues (not working), when I tried to make and apply a CSS rule from my 'stylesheetmain' to override another CSS rule on the 'default' CSS Stylesheet? Why would this be, or am I doin something wrong?
1 person found this helpful
What matters is the style sheet order in your <head> tags.
The last style sheet in the list typically trumps all the rest. But CSS = cascading style sheets. If you haven't got a handle on that concept yet, read up on it.
I think I got it, WOW. Thanks very much. Makes sense. The order is determined by order in <head> not the CSS Styles Panel. Thanks again, since you're on a roll, how about this:
Responsive Images: http://forums.adobe.com/message/5723381#5723381