I want to make a change to my boilerplate.css, but I seem to remember hearing "DO NOT CHANGE ANYTHING IN BOILERPLATE". There is a rule for ul (unoredered lists) that have a 40px left marg/pad I want to get rid of. Can (or should) I change the 40px to 0px in the boilerplate.css, or should I make a rule on my stylesheetmain.css?
Is it OK to alter general, common CSS rules for the boilerplate.css?
Also CSS Hierarchy:
I have these 4 stylesheets for my page, boilerplate, being the pre-defined css rules, stylesheetmain, being my custom css, default css, a 'core' styles css stylesheet included with: component css, the stylesheet for my horizontal dropdown menu. These stylesheets are listed (and installed) in the hierarchal order listed above (in my CSS Styles Panel).
I believe these are all 'external css stylesheets'.
Seems from what I recall, that some rules I would create new for my stylesheetmain would work, but when I created a rule in my stylesheetmain to alter another CSS rule from another styleseet, it would not work? I may have not done it correct, or understand the CSS Hierarchy of multiple stylesheets. How do they affect each other? How should rules be handled-applied?
I do: Keep duplicate copies of all my HTML, CSS, and other files, as good practice.
Any help would be appreciated, thanks.
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.
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?
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