クリエイター：コーディング備忘録ブログ

コーディング

:first-child :first-of-type, :nth-child(), :nth-of-typeなど

■1番最初の子要素に適用
:first-child

■1番最後の子要素に適用
:last-child

■親要素の中に他の子要素があっても、適用するセレクタの1番最初の子要素に適用
:first-of-type

■親要素の中に他の子要素があっても、適用するセレクタの1番最後の子要素に適用
:last-of-type

■n番目の子要素に適用(子要素の種類は問わず上から数えてn番目の子要素につく)
:nth-child(n)

■親要素の中に他の子要素があっても、適用するセレクタのn番目の子要素に適用
:nth-of-type(n)

■参考  http://www.vanfu-vts.jp/blog/2014/09/first-child_last-child/

■参考 http://www.htmq.com/selector/first-of-type.shtml

この記事を見た人は次の記事も見ています。

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP