Confirmed users
295
edits
DevTools/CSSTips: Difference between revisions
→Content or Theme CSS
| Line 86: | Line 86: | ||
If you're not sure then go for content CSS unless you can imagine the value changing on another platform. | If you're not sure then go for content CSS unless you can imagine the value changing on another platform. | ||
<tt>-moz-appearance</tt> is tricky. Generally, when specifying <tt>-moz-appearance: foo;</tt> you're giving hints as to how something should act. So this is probably content CSS. However <tt>-moz-appearance: none;</tt> is probably a counter example where you're saying 'ignore browser preconceptions'. | <tt>-moz-appearance</tt> is tricky. Generally, when specifying <tt>-moz-appearance: foo;</tt> you're giving hints as to how something should act. So this is probably content CSS. However <tt>-moz-appearance: none;</tt> is probably a counter example where you're saying 'ignore browser preconceptions - I want a blank sheet', so that would probably be theme CSS. | ||
When importing your stylesheets, it's best to import the content CSS before the theme CSS, that way the theme values get to override the content values (which is probably what you want), and you're going to want them both before the global values, so your imports will look like this: | When importing your stylesheets, it's best to import the content CSS before the theme CSS, that way the theme values get to override the content values (which is probably what you want), and you're going to want them both before the global values, so your imports will look like this: | ||