[BNM] ordering classes in css

[David Andrew]

Very concise

An extended explination can be found here
http://css.maxdesign.com.au/selectutorial/advanced_cascade.htm

On 11/07/06, James Bates <james at exit7.co.uk> wrote:
> Richard,
>
> > is there any such thing as: an accepted standard?
>
> I tend to organise my styles structurally, mirroring (to some extent) the
> pages mark-up.
>
> So if the page is...
>
> <div id="header">Header content</div>
> <div id="content">Content content</div>
> <div id="footer">Footer content</div>
>
> Then my styles are usually organised as such
>
>
> /*Header styles*/
> #header {};
> .any-other-styles {};
> .that-appear-in-header {};
>
> /*Content styles*/
> #content {};
> .any-other-styles {};
> .that-appear-in-content {};
>
> /*Footer styles*/
> #content {};
> .any-other-styles {};
> .that-appear-in-footer {};
>
>
> I also split my stylesheets up into several manageable stylesheets...
>
> structural.css  - Holds structural elements i.e. main positional DIV's
> semantic.css    - Contains all semantic elements headings, paras, list etc
> styles.css      - For any additional graphical styles
>
>
> Hope that makes some sense
>
> James
>
>
>
> --
>
> BNM info/subscription/archives: http://www.brightonnewmedia.org/
>
> BNM archive search: http://www.roddis.org/bnm/search.php
> BNM Del.icio.us tag: http://del.icio.us/tag/bnm/
> BNM Flickr group: http://www.flickr.com/groups/bnm/
>
> BNM powered by http://www.screen-play.net/
>