セレクターを『h1#main.title box』としないのはなぜですか?

"title box" は1つのクラス名ではなくて、"title" と "box" という2つのクラスが両方指定されている状態です。
2021年6月6日
ユーザー

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」といった違いになるのはなぜでしょうか。

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?