Font-weightについて

2792 ワード
HTML CSS 学習メモ Progate HTML テキストリンク

・Progate環境の話になります ・まだまだ知識が浅いので拙い話だったり、間違っている点もあると思います

最近ProgateでHTMLの学習をしています。
<h2>と<h3>タグの太字をなくそうと思ったところ、できるときとできない時があったので不思議に思いながらまとめてみました。
htmlは下記のコードです。

top.html
 <div class="contents-copy">
   <h2>さぁ、あなたもProgateでプログラミングを学んでみませんか?</h2>
   <h3>Let's learn to code, learn to be creative!</h3>
 </div>

できなかったコード

stylesheet.css
 .contents-copy {
     font-weight:normal;
     color:#5f5d60;
  }

できたコード

stylesheet.css
 .contents-copy {
     color:#5f5d60;
  }

 .contents-copy h2 {
     font-weight:normal;
  }

 .contents-copy h3 {
     font-weight:normal;
  }

考察

colorはまとめて指定できるけど、font-weightはできない？

font-weightは親要素の<div>でまとめて指定はできないのでしょうか。
ちなみにcolorは<div>でも<h2>,<h3>に個別に指定してもどちらでもという感じでした。
ググったのですが、答えは得られず……どなたかご教授いただければ幸いです！