0:25 〜 0:28 で解説している、以下のセレクターの書き方について教えていただきたいです。

1. h1#main.box { color: yellow; }
2. section > #main.title { color: blue; }

まず 1 ですが、class 属性の表記の仕方が、

h1#main.title box { color: yellow; }

ではないのはなぜでしょうか？

同じような理由で 2 の class 属性の表記の仕方が、

section > #main.title box { color: blue; }

ではないのはなぜでしょうか？

また、1 と 2 で class が「.box」と「.title」といった違いになるのはなぜでしょうか。