Structure CSS Files

Sometimes we forget that CSS is actually code. Usually it is just thrown together as an after thought because we simply one a few styles here and there. However, anyone who has dealt with CSS files over 100 lines long knows that just throwing together tags in a wild maylay is not the way to go.

CSS code should be laid out and structure just like any other code we write. Emil at Friendly Bit has a detail article on how to structure large CSS files. He mentions five (5) main methodologies:

  1. Order your selectors like the HTML
  2. Always use the “full path to elements
  3. Indent your code cleverly
  4. Each declaration on its own line
  5. in alphabetic order