構造擬似クラス
CoddyのHTMLジャーニー「CSSマスタリー」セクションの一部。レッスン 12/43。
CSSの構造擬似クラスは、HTMLドキュメント内での要素の位置や構造に基づいて要素のスタイルを設定するために使用されます。追加のクラスやIDを必要とせずに、最初の子要素、最後の子要素、または特定の番号の子要素などを選択できます。
一般的な例には次のものがあります:
:first-child:親の最初の子要素を選択します。
:last-child:親要素の最後の子要素を選択します。:nth-child(n):n番目の子要素(例:2番目、3番目など)を選択します。
自分で試してみよう
このレッスンにはコードチャレンジは含まれていません。
このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
CSSマスタリーのすべてのレッスン
自分で練習してみよう: Webプレイグラウンド