CSSクラス指定ではまったこと 複数のクラスをまとめて指定するとき

.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で複数のセレクタ名を並べる時の記述で間違えやすいこと]
(http://ooigawa-bitter-sweet.hatenablog.com/entry/2013/07/10/233000_1)