CSS File Structure

[espmartin]

There are many ways to structure your exterenal CSS rules. What I do
is place style style rules inline, separating each block with line spaces:

div ul {list-style: none; margin: 1em 0;}
p ul li {display: inline; color: #000;}

Some people will do this:

div ul {
     list-style: none; 
     margin: 1em 0;
     }
p ul li {
     display: inline;
     color: #000;
     }

Also, you can group each selector by their function. For example,
you can group navigation elements together, followed by typography, etc.

What I do is simply list them according to source code placement.
How do you all do yours?

 

[SkinnerW]

I use second option but group styles elements on one line:

div.something
{
	border-top:1px solid #bbb;
	padding:0;
	margin:0;
}

As style for the border it this example.

I hope this make sense...