演習課題「セレクタリストを試してみよう」
現在、セレクタリストを使ってCSSのルールを適用しようとしています。h1要素とp要素に対して、文字色を#f5a1b3にするよう変更してください。
採点の前にはファイルを保存してください。
採点して、ジャッジに正解すれば演習課題クリアです！
※コードの2行目以降に@charset "UTF-8";が記述されていると、左側に×と表示されることがあります。これは本来@charset "UTF-8";を1行目に記述すべきだと知らせているものです。採点には問題ありませんが、ブラウザによってはCSSが正しく表示されないことがあるため1行目に記述するとよいでしょう。
※有料会員になるとこの動画をご利用いただけます
詳しい説明を読む
＃12:セレクタリスト
このチャプターでは、セレクタリストについて学習します。
適用先を複数指定する場合、セレクタをカンマで区切って記述することが可能です。
このようにセレクタを複数指定したものをセレクタリストといいます。
セレクタとしては以前のチャプターで学習した混合セレクタや子孫セレクタ、兄弟セレクタのような結合子を用いたセレクタも記述することができます。
MDN web docs
https://developer.mozilla.org/ja/docs/Web/CSS/Selector_list
@charset "UTF-8";
p::before {content: "・";}
h1, p {color: red;}