html - cssファイルでcssクラスを結合する

Question

次の css ルールがあるとします。

.blah { Rules }

そして、私はそれをそのまま使用します

<div class="blah">

ここで、ドキュメントのどこかに、margin-bottom: 10pxこれらの div の 1 つにクラス名 blah を追加して、できるだけ具体的にする必要があるとします。

として宣言する必要がありますか

.blah.mar-bot-blah { margin-bottom: 10px; }
or 
.blah .mar-bot-blah { margin-bottom: 10px; }

として使用する<div class="blah mar-bot-blah">

Answer 1

次のように宣言します。

.blah.mar-bot-blah { margin-bottom: 10px; }

.mar-bot-blahクラスとの両方を持つ要素に一致します.blah。

Answer 2

本当に具体的にしたい場合は、最初のソリューションを使用します。(警告: IE6 はこれを処理できません!)

ほとんどの場合、.mar-bot-blah { margin-bottom: 10px; を使用するだけで十分です。この設定を他のクラスでも再利用できます。