複数の要素に CSS を当てたい場合はどのように記述すればいいでしょうか？

簡単なのは nth-child() を使う方法です。

2022年4月12日

ユーザー

<main>
  <p>こんにちは。</p> // 1
  <p>こんにちは。</p> // 2
  <p>こんにちは。</p>
  <p>こんにちは。</p>
  <p>こんにちは。</p>
  <p>こんにちは。</p>
</main>

1・2 に背景色をつけたい場合、CSS はどのように記述しますか？

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

プレミアムプランとは？

このレッスンの質問と回答（7）

p:last-child の挙動がわかりません
main > :last-child が期待通りに動きません
複数の要素に CSS を当てたい場合はどのように記述すればいいでしょうか？
main > :nth-child(3) の > は必要なのですか？
nth-child を使わずに、一つ一つ class で指定すればよいのではありませんか？
同じ階層に並んで”いない”要素はどう書いたらいいですか？
ピンク、青、緑、ピンク、青、緑...のように背景色をつけたいです

この質問のレッスン

【旧版】詳解CSS セレクター編

CSSのセレクターを使って要素を柔軟に指定するための方法を学んでいきます。

#08 :nth-child擬似クラスを使おう

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