idセレクタについて

質問

資料を元に勉強しているのですが
以下idセレクタの違いがどうしても分かりません・・・。

<ケース1>
#contents #leftbox {
color:red
}

<ケース2>
#leftbox {
color:red
}

ケース１と２の結果は同じになると思っています。

CSSファイルにケース1で、参考資料には記述されていました。
idセレクタは、id属性でデザインをつけるものだと思っているのですが。

id属性は同じ名前のものはないと思っています。
よって、ケース２で記述するほうが楽だと思うのです。

ただ、
#contents #leftboxとわざわざ記述している意味があると思うのですが
その意味がわからないのです。

どなたかお分かりの方がいられましたら
ご教授お願いします。

回答No.1

神崎 渉瑠（@taloo） · ベストアンサー

どこ（メニューなのか、サイドバーなのか、ヘッダなのか、、、）にあるかを、
CSSファイルを見ただけで判断できるようにするためです。

お礼

情報ありがとうございます。
やはりそういうことですか。

すっきりしました。
ありがとうございました。