質問: ### 前提・実現したいこと 下のソースコード部分のfont-weight:normal;をWhere to Get Started!の部分に反映させたいです。 なぜ.headings{ではなく、.headings h2{へ書かなければいけないのかがわからず困っております。 .headingsへ指示すれば、そのまま.headings h2{にも反映されるのでは。。。?と思っていたのですが。 宜しくお願い致します。 ### 発生している問題・エラーメッセージ 超初心者でHTML/CSSをProgateにて勉強し始めました。 複数のdivを設けた際に、どのようにCSSを記載すれば、どの部分に反映されるかがわからず困っております。 ### 該当のソースコード ```HTML/CSS ソースコード HTML Learn Where to Get Started! CSS .headings{ margin-top:80px; margin-bottom:50px; color:#5f5d60; } .headings h2{ font-weight:normal; }
回答: > > なぜ.headings{ではなく、.headings h2{へ書かなければいけないのかがわからず困っております。 > > > `h2`にはブラウザの**デフォルトスタイルシート**がかかっていますので、`h2`自体の`font-weight`を制御するには、外側ではなく直接`h2`要素にかけるようなスタイルが必要となります。