ドットインストール - 3分動画でマスターできるプログラミング学習サービス

2022年5月3日解決済み

main > :last-child が期待通りに動きません

ユーザー

お世話になっております。
質問なのですが、

<body>
  <main>
    <h1>見出し</h1>
    <p>こんにちは</p>
    <p>こんにちは</p>
    <p>こんにちは</p>
    <p>こんにちは</p>
    <p>こんにちは</p>
    <p>こんにちは</p>
    <section>
      <h1>見出し</h1>
      <p>こんにちは</p>
      <p>こんにちは</p>
      <p>こんにちは</p>
      <p>こんにちは</p>
      <p>こんにちは</p>
      <p>こんにちは</p>
    </section>
  </main>
</body>

この中で、 main 直下の最後の p タグに色を付けたいと思い、

main > :last-child {
  background: pink;
}

としましたが、上手く動作しませんでした。
何が原因なのでしょうか？

よろしくお願いいたします。

スタッフ

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは？

関連する質問と回答

このレッスンの質問と回答 (7)

サービスメニュー

ご利用にあたって

ソーシャルメディア

更新情報

Copyright © 2011-2026 dotinstall.com. All Rights Reserved.