I have found that there are occasions where order can help if you're fighting
FOUC (flash of unstyled content). Order never eliminates FOUC, but elements
closer to the document root at the top of the stylesheet seem to make things
less FOUCy.
Like Tom said, the order only can really matter in the context of the cascade.
If you've repeated the exact style or the exact specificity of an element, then
order will make a difference:
<div class="top left withImage">
.top{color: blue}
.top{color: red}
div.top.left {border: 1px solid black}
div.left.withImage{border:1px solid red}
On Jul 2, 2012, at 3:08 PM, John wrote:
> I have a feeling the answer is "no," but want to make sure: does it matter
> what order styles are in within a .css document?
>
> so, for example, does it matter if your container style is at the end and
> your footer is at the top, long as the markup is styled with the correct
> styles?
>
> Thank you!
>
> John
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
