:nth-child()疑似クラスで奇数番目、偶数番目などの要素を選択する方法について見ていきます。
- :nth-child(odd)
- :nth-child(even)
- :nth-chil(3n)
- :first-child
- :last-child
-
Q1
次のコードにおいて、1 番目と 3 番目の
li
を選択できるセレクターは?<ul> <li>項目</li> <!-- 1番目 --> <li>項目</li> <!-- 2番目 --> <li>項目</li> <!-- 3番目 --> <li>項目</li> <!-- 4番目 --> </ul>
プレミアムについて詳しくみる
ミニクイズで理解度をチェックできます
素材ファイルをダウンロードするにはプレミアムプランへの登録が必要です
詳しくみるソースコードを閲覧するにはプレミアムプランへの登録が必要です
詳しくみるデモを閲覧するにはプレミアムプランへの登録が必要です
詳しくみる