nth-childを使おう

こんにちは。ペーターパンです。

cssでnth-child使ってますか？

今まで表などで交互に色を変える場合などは、変えたい箇所に毎回class指定していましたが、nth-childを使ってみたら、かなり楽ですね。

要素:nth-child(値){

スタイルの内容

}

偶数行に適用、奇数行に適用、n番目だけに適用、n番目から後を全て適用など、使い方次第では色々出来るので、積極的に使っていこうと思うペーターパンでした。