質問への直接的な答えは、Curtのこのすぐ下のものです。
CSSクラスの命名規則に興味があるなら、 BEM (ブロック、要素、修飾子)という非常に便利な規則を検討することをお勧めします。
更新
詳細はこちらをご覧ください - http://getbem.com/naming/ - これは新しいバージョンです以下の答えは廃止されました。
主な原則:
良い:
.b-controls .super-control { ... }
悪い:
.super-control { ... }
- あなたがすでに持っているブロックに似ている別のブロック(別のページにあるかもしれない)が必要な場合は、新しいものを作成するのではなく、ブロックに修飾子を追加する必要があります。
Example:
<div class="b-controls">
<div class="super-control"></div>
<div class="really-awesome-control"></div>
</div>
修飾子付き:
<div class="b-controls mega"> <!-- this is the modifier -->
<div class="super-control"></div>
<div class="really-awesome-control"></div>
</div>
次に、CSSでの変更を指定できます。
.b-controls { font: 14px Tahoma; }
.b-controls .super-control { width: 100px; }
/* Modified block */
.b-controls.mega { font: 20px Supermegafont; }
.b-controls.mega .super-control { width: 300px; }
ご不明な点がございましたら、お気軽にご相談ください。私は BEM を2年間使ってきましたが、これはこれまでに会ったことのないベストコンベンションだと私は主張します。