演習課題「値を継承してみよう」
現在、style01.cssにてh1要素とp要素、それぞれに値を設定しています。
しかし、親要素であるarticle要素に値を設定して、継承させることになりました。h1要素とp要素のルールを削除して、article要素のルールを設定してください。
その際、h1要素に適用している値をarticle要素の値として設定してください。
採点の前にはファイルを保存してください。
採点して、ジャッジに正解すれば演習課題クリアです！
※コードの2行目以降に@charset "UTF-8";が記述されていると、左側に×と表示されることがあります。これは本来@charset "UTF-8";を1行目に記述すべきだと知らせているものです。採点には問題ありませんが、ブラウザによってはCSSが正しく表示されないことがあるため1行目に記述するとよいでしょう。
※有料会員になるとこの動画をご利用いただけます
詳しい説明を読む
＃07:値の継承をする
このチャプターでは、値の継承について学習します。
CSSのプロパティは、継承プロパティと非継承プロパティの2種類があります。
継承プロパティには、ある特徴があります。
それは、子要素の継承プロパティに値が指定されていない場合、親要素の同じプロパティの値が設定されるというものです。
このような仕組みをスタイルの継承と言います。
MDN web docs
https://developer.mozilla.org/ja/docs/Web/CSS/Inheritance
@charset "UTF-8";
article {color: red;}