frontendmemo

このサイトは、「html、css、js、ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

liの何番目をセレクタで指定

スポンサードリンク


スポンサードリンク


よく忘れるので、覚えておくためにも以下記事にします。

  • 項目1
  • 項目2
  • 項目3
  • 項目4
  • 項目5

1つ目

li:frist-child

2つ目

li:nth-child(2)

3つ目

li:nth-child(3)

最後から2番目

li:nth-last-child(2)

最後

li:last-child

奇数

li:nth-child(odd)

偶数

li:nth-child(even)

何(X)番目以降

li:nth-child(n+X)

何(X)番目まで

li:nth-child(-n+X)