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

コーディング

: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)

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

コメント

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

RELATED

PAGE TOP