CSSで同じ要素の複数のクラスを条件にスタイルを付ける

以下のように同じ要素内に2つのクラスを持つ要素に対してだけ、スタイルを付けたいとなったときに、「あれ？」となった...

<div class="hoge fuga"></div>

• ダメな例)
  これだと「hogeというクラスを親要素のfugaというクラスがついた要素に対してクラスを付ける」ということになってしまう。

<style>
.hoge .fuga {
  color: red;
}
</style>

• 良い例)
  .hogeと.fugaの間にスペースを入れずに連結して記述する

<style>
.hoge.fuga {
  color: red;
}
</style>