演習課題「子孫セレクタを試してみよう」
現在、子孫セレクタを使ってCSSのルールを適用しようとしています。div要素の中にあるp要素の先頭に*が表示されるよう変更してください。
採点の前にはファイルを保存してください。
採点して、ジャッジに正解すれば演習課題クリアです！
※コードの2行目以降に@charset "UTF-8";が記述されていると、左側に×と表示されることがあります。これは本来@charset "UTF-8";を1行目に記述すべきだと知らせているものです。採点には問題ありませんが、ブラウザによってはCSSが正しく表示されないことがあるため1行目に記述するとよいでしょう。
※有料会員になるとこの動画をご利用いただけます
詳しい説明を読む
＃10:子孫セレクタ
このチャプターでは、子孫セレクタについて学習します。
子孫セレクタは、あるドキュメントの階層下にあるドキュメントを指定したい場合に指定するセレクタで、2つのセレクタを半角スペースで区切りながら記述します。
また、セレクタとして以前に学習した混合セレクタも記述できます。
たとえば、Aの要素の階層下にあるBの要素を指定したい場合は、A B {プロパティ: 値;}
と記述します。
MDN web docs
https://developer.mozilla.org/ja/docs/Web/CSS/Descendant_combinator
@charset "UTF-8";
div p::before {content: "・";}