Re: how to write single line css - CSS-Tricks

September 25, 2008 at 10:20 pm #50147

Member

I think one line CSS is easier to organize. For example:

Code:

/*- – – – – – – – – –

  Contents

——————–

    AA01. Header

    AB01. Content

——————*/

…

/*- – – – – – – – – –

  AA01. Header

——————*/

#header { background-color: #000; width: 500px; }

    #header.logo { background: transparent url(logo.gif) no-repeat; float: left; }

    #header.search { float: right; padding: 5px; }

/*- – – – – – – – – –

  AB01. Content

——————*/

#content { border: 3px solid #000; width: 500px; }

    #content.sidebar { float: left; width: 100px; }

As you can see, I also create a table of contents at the top of my CSS file, complete with unique call numbers for each section of my css so anyone can find what they want using CTRL+F. And I organize my selectors alphabetically. OCD? Maybe, but it helps me.