main > :last-child が期待通りに動きません
main > :last-child は main 直下に並ぶ要素のうち最後の要素を指し示します。
2022年4月30日
ユーザー
ユーザー
お世話になっております。
質問なのですが、
<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;
}
としましたが、上手く動作しませんでした。
何が原因なのでしょうか？
よろしくお願いいたします。
この回答を見るにはプレミアムプランへの登録が必要です
プレミアムプランとは？
3分動画でマスターできるプログラミング学習サービスです。あなたもプログラミングを始めてみませんか？
Copyright © 2011-2024 dotinstall.com. All Rights Reserved.