CSSフォーマットのコンベンション

Question

いくつかの開発者は、いくつかの理由から、コードのフォーマット方法に特化しています。 CSSは書式設定が本当に従うべき強い慣習を持っていない項目の1つです（たぶんおそらくその宣言的性質のためです）。

私たちのグループは、通常、この「規約」に従います。もっと長くて詳細な文書はhereです。

/* 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. */ 
} 

このフォーマットを作成するには、簡単にカスタマイズできるツールはありますか？

実際、私は実際に、他の経験豊かなCSSプログラマーの情報を収集することに興味があります。複数のセレクタを1つの行にまとめたり、複数の行に分けたりする方がよいかどうか、私のコードの論理的な順序を手動で確認して維持する必要があるかどうか。

注：これはおそらくSOの質問には完全に適合しません。しかし、私は若干のSO-ersによって蓄積された経験がCSSコードを書いて維持している間に確実にこの問題に洞察を与えてくれることは確かです。

いくつかのCSS自動フォーマットツールexistしかし、かなり拡張可能ではありません。

Answer 1

通常、この規則に従います。また、インデントを1つだけ使用します。これにより、私たちのチームで最大限の可読性が得られます。

.selector { 
    Style Defs: 
     * dimensions (width, height) styles 
     * positioning (with coordinates) styles 
     * float/clearstyles 
     * spacing (margin, padding, border) styles 
     * display/visibility styles 
     * typography-related (line-height, color, etc.) styles 
     * miscellaneous (list-style, cursors, etc.) styles 
} 

Answer 2

I典型的スプリットレイアウトスタイル定義、色/画像スタイル定義した後、特注ハンドラによってビュー時に、合わせ縮小され、キャッシュされた3つの完全に別個のスタイルシートへの印刷に@media。