Convention for CSS Formatting
Some developers are particular about how they format their codes, for some good reasons. CSS is one of the items whose formatting doesn't really have a strong convention to follow (most probably because of its declarative nature).

Our group typically follow this "convention." The longer and more detailed doc can be found [here][1].

    /* Separate each selector to its own line. */
    selector-1,
    selector-2<1-space>{
      <indent>property:<1-space>value;
    }

    selector {
      /* Float. */
      /* Positioning related declarations. */
      /* Visibility. */
      /* Box related declarations. */
      /* Font related declarations. */
    }

Is there a tool, which I can easily customize, in order to produce this formatting?

Actually, I'd be really interested to gather other experienced CSS programmers' inputs about e.g. whether it's better to lump multiple selectors into one line or separate them into multiple lines, whether I should even bother to prettify and maintain logical orders of my code manually.

**Note:** This probably doesn't perfectly fit to be a SO question. However, I am pretty certain the experience accumulated by some SO-ers during their tenure writing and maintaining CSS codes will definitely give insights to this issue.

Some CSS auto-format tools [exist][2] but there are not quite extensible.

  [1]: https://docs.google.com/document/d/1YxUHQUnQ8NvMgF8bjdHi8W2WNecvRT9LgwFKXn4yXJU/edit
  [2]: http://stackoverflow.com/q/161056/583539
Convention for CSS Formatting
===

Some developers are particular about how they format their codes, for some good reasons. CSS is one of the items whose formatting doesn't really have a strong convention to follow (most probably because of its declarative nature).

Our group typically follow this "convention." The longer and more detailed doc can be found [here][1].

    /* Separate each selector to its own line. */
    selector-1,
    selector-2<1-space>{
      <indent>property:<1-space>value;
    }

    selector {
      /* Float. */
      /* Positioning related declarations. */
      /* Visibility. */
      /* Box related declarations. */
      /* Font related declarations. */
    }

Is there a tool, which I can easily customize, in order to produce this formatting?

Actually, I'd be really interested to gather other experienced CSS programmers' inputs about e.g. whether it's better to lump multiple selectors into one line or separate them into multiple lines, whether I should even bother to prettify and maintain logical orders of my code manually.

**Note:** This probably doesn't perfectly fit to be a SO question. However, I am pretty certain the experience accumulated by some SO-ers during their tenure writing and maintaining CSS codes will definitely give insights to this issue.

Some CSS auto-format tools [exist][2] but there are not quite extensible.

  [1]: https://docs.google.com/document/d/1YxUHQUnQ8NvMgF8bjdHi8W2WNecvRT9LgwFKXn4yXJU/edit
  [2]: http://stackoverflow.com/q/161056/583539