Cascading stylesheets interact. From first to last, from most general to most specific. To control the 'first to last' interection, I import the stylesheets in the same order on all my pages.
<style type="text/css" media="all">
@import "styles/Base.css";
@import "styles/Menu.css";
@import "styles/Tutorials.css";
</style>
<!--[if IE]>
<style type="text/css" media="all">
@import "styles/Base_IE.css";
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css" media="all">
@import "styles/Base_IE7.css";
</style>
<![endif]-->
| | More... |
More...
