css 要素の〇〇・何番目にスタイルを適用する方法

記録
スポンサーリンク
このエントリーをはてなブックマークに追加

経緯

ある要素の上から3番目の要素だけに別のスタイル効果を適用させたい、そんな時に使う方法です。

最初

:first-child

最後

:last-child

n番目

:nth-child(n)

後ろからn番目

:nth-last-child(n)

１個だけ

:only-child

まとめ

Web系であれば割合使う頻度の多いスタイルなので、覚えておきたい所です。

このエントリーをはてなブックマークに追加

コメント