Menu
Coddy logo textTech

構造擬似クラス

CoddyのHTMLジャーニー「CSSマスタリー」セクションの一部。レッスン 12/43。

CSSの構造擬似クラスは、HTMLドキュメント内での要素の位置や構造に基づいて要素のスタイルを設定するために使用されます。追加のクラスやIDを必要とせずに、最初の子要素、最後の子要素、または特定の番号の子要素などを選択できます。

一般的な例には次のものがあります:

  • :first-child:親の最初の子要素を選択します。
  • :last-child:親要素の最後の子要素を選択します。
  • :nth-child(n):n番目の子要素(例:2番目、3番目など)を選択します。

自分で試してみよう

このレッスンにはコードチャレンジは含まれていません。

quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

CSSマスタリーのすべてのレッスン

自分で練習してみよう: Webプレイグラウンド