:nth-child()疑似クラス (E:nth-child(n))

■html

  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト

■css
ul li:nth-child(2n) {
color: blue;
}
cssは(2n)を(even)と記述しても結果は同じ偶数行のliに青色が適用されます。
ul li:nth-child(even) {
color: blue;
}
奇数行のliに適用するなら
:nth-child(2n+1)か:nth-child(odd)

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です