CSS においてなぜ .btn ではなく .hero .btn と指定するのですか?

.hero .btn とすることで、限定的な要素へのスタイルを指定することができるからです。
2022年3月2日
ユーザー

「ダウンロード」のボタンを中央に配置する際、動画では

.hero .btn{ ... }

margin: 64px auto 0; を入力しましたが、試しに

.btn {}

に入力しても中央に配置できました。
.btn.hero .btn を使い分けている理由を教えてください。

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

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