演習課題「優先順位を確認してみよう」
現在、style01.cssにてarticle要素のルールを1つのルールとしてグループ化しても優先順位が変わらないことを確認したいです。
しかし、現在のコードでは別のルールとして2つに分かれて記述しています。
これを1つのルールとしてグループ化してください。
その際、不要となった記述は削除してください。
採点の前にはファイルを保存してください。
採点して、ジャッジに正解すれば演習課題クリアです！
※コードの2行目以降に@charset "UTF-8";が記述されていると、左側に×と表示されることがあります。これは本来@charset "UTF-8";を1行目に記述すべきだと知らせているものです。採点には問題ありませんが、ブラウザによってはCSSが正しく表示されないことがあるため1行目に記述するとよいでしょう。
※有料会員になるとこの動画をご利用いただけます
詳しい説明を読む
＃08:CSSの優先順位
このチャプターでは、CSSの優先順位を学習します。
CSSにはスタイルが適用される優先順位があり、同じセレクタで同じプロパティに対する宣言があった場合、基本的には後に記述したものが優先的に処理されます。
しかし優先順位には例外も多々存在しています。
たとえば、インラインスタイルでの指定が他のスタイルシートよりも優先される場合や、idやclass、タグといったセレクタによって優先順位が変動する場合があります。
MDN web docs
https://developer.mozilla.org/ja/docs/Web/CSS/Specificity
@charset "UTF-8";
article{
color: red;
color: blue;
}