.hoge.fugaと.hoge .fugaはだいぶ違う
(半角スペースのあるなし)
<p class="hoge fuga"></p>
.hoge.fuga {
// css code
}
<div class="hoge">
<p class="fuga"></p>
</div>
.hoge .fuga {
// css code
}
これのやっかいなところは、html上はclass名を半角スペースで区切って書くのにCSS上は区切らないところです。
参考サイト
My Vector Space 人生は寄り道してなんぼ
CSSで複数のセレクタ名を並べる時の記述で間違えやすいこと